Chart.js:删除勾号标签

Chart.js:删除勾号标签,chart.js,Chart.js,我想有条件地添加一个删除线来标记标签。据我所知,没有办法通过Chart.js以本机方式实现这一点。有没有办法通过axes回调来添加它?我不知道这是否可行,因为您正在处理画布元素,但您可以使用ticks回调自定义标签中的文本,如本例所示: new Chart(document.getElementById("bar-chart"), { type: 'bar', data: { labels: ["

我想有条件地添加一个删除线来标记标签。据我所知,没有办法通过Chart.js以本机方式实现这一点。有没有办法通过axes回调来添加它?

我不知道这是否可行,因为您正在处理画布元素,但您可以使用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 + '**';
                        }
                    }
                }]
            }
        }
    });
注意这里的回调函数,也许你可以用它给一些标签一个独特的文本

此示例的图表如下所示:

谢谢。是的,这就是我目前正在做的(添加一个“off”字符串)。它是有效的,但如果使用删除线则是理想的。画布确实让这变得很困难。