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