我正在使用Chart.js显示分组柱形图,并尝试隐藏工具提示的标题。
生成柱状图的代码
var ctx = document.getElementById("myChart").getContext("2d");
var data = {
labels: ["Chocolate", "Vanilla", "Strawberry"],
datasets: [
{
label: "Blue",
backgroundColor: "blue",
data: [3,7,4]
},
{
label: "Red",
backgroundColor: "red",
data: [4,3,5]
},
{
label: "Green",
backgroundColor: "green",
data: [7,2,6]
}
]
};
var myBarChart = new Chart(ctx, {
type: 'bar',
data: data,
options: {
barValueSpacing: 20,
scales: {
yAxes: [{
ticks: {
min: 0,
}
}]
}
}
});
在工具提示中显示标签“巧克力,香草,草莓”,我试图使用以下方法隐藏标签
将标题字体大小设置为0,但它没有起作用。
tooltipTitleFontSize: 0
我已经尝试使用工具提示回调函数,它会禁用标签蓝色、红色和绿色,但我不需要那个。
tooltips: {
callbacks: {
label: function(tooltipItem) {
return tooltipItem.yLabel;
}
}
}
事先感谢您的帮助。