Chart.js:删除线记号标签

Question

我想有条件地添加一个删除线来标记标签。据我所知，没有通过Chart.js进行本机操作的选项。有没有办法通过axes回调来添加它？

Answer 1

我不知道这是否可能，因为您正在处理一个画布元素，但您可以通过使用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 + '**';
                        }
                    }
                }]
            }
        }
    });

注意那里的回调函数，也许你可以用它来给一些标签一个独特的文本。

此示例的图表如下所示：

​