Chart.js：删除线刻度标签

Question

我想有条件地向标记标签添加删除线。据我所知，没有办法通过Chart.js在本地执行此操作。有没有一种方法可以通过轴回调进行添加？

Answer 1

我不知道是否可行，因为您正在处理canvas元素，但是您可以通过使用ticks回调在标签中自定义标签中的文本，如以下示例所示：

       new Chart(document.getElementById("bar-chart"), {
        type: 'bar',
        data: {
            labels: ["One", "Two", "Three", "Four", "Five"],
            datasets: [
                {
                    label: "A chart",
                    backgroundColor: ["#3e95cd", "#8e5ea2", "#3cba9f", "#e8c3b9", "#c45850"],
                    data: [2478, 5267, 734, 784, 433]
                }
            ]
        },
        options: {
            legend: { display: false },
            title: {
                display: true,
                text: 'A chart with columns and custom vertical labels'
            },
            scales: {
                yAxes: [{
                    ticks: {
                        callback: function (value, index, values) {
                            return index % 2 == 0 ? value : '**' + value + '**';
                        }
                    }
                }]
            }
        }
    });

请注意那里的回调函数，也许您可​​以使用它为某些标签提供独特的文本。

此示例的图表如下所示：