Javascript Chart.js ToolTiptTemplate不工作
因此,我正在使用Chart.js中的条形图,并尝试让自定义工具提示正常工作。四处搜索,在这种情况下,似乎要做的事情是添加Javascript Chart.js ToolTiptTemplate不工作,javascript,tooltip,chart.js,Javascript,Tooltip,Chart.js,因此,我正在使用Chart.js中的条形图,并尝试让自定义工具提示正常工作。四处搜索,在这种情况下,似乎要做的事情是添加 tooltipTemplate: "<%= value %>% test" ToolTiptTemplate:“%test” “我的选项”部分,这将在生成的工具提示中,在我的数据值之后显示单词test。然而,我的工具提示在现实中完全没有改变。还有想法 谢谢 以下是自定义工具提示标签的示例: 欢迎来到SO!你能再加一些相关的代码吗?这应该是足够的代码,让我们
tooltipTemplate: "<%= value %>% test"
ToolTiptTemplate:“%test”
“我的选项”部分,这将在生成的工具提示中,在我的数据值之后显示单词test。然而,我的工具提示在现实中完全没有改变。还有想法
谢谢 以下是自定义工具提示标签的示例:
欢迎来到SO!你能再加一些相关的代码吗?这应该是足够的代码,让我们重现错误-阅读并开始接受你的答案-双赢!谢谢你的回答
var ctx = document.getElementById("myChart");
var barChartData = {
labels : [ "Jan/16", "Feb/16", "Mar/16", "Abr/16", "May/16", "Jun/16", "Jul/16" ],
datasets : [ {
type : 'bar',
label : "Revenue (US$)",
data : [ 4000, 4850, 5900, 6210, 2500, 4000, 6500 ],
backgroundColor : 'rgba(0, 0, 255, 0.3)'
} ]
};
var myChart = new Chart(ctx,
{
type : 'bar',
data : barChartData,
options : {
responsive : true,
tooltips : {
callbacks : { // HERE YOU CUSTOMIZE THE LABELS
title : function() {
return '***** My custom label title *****';
},
beforeLabel : function(tooltipItem, data) {
return 'Month ' + ': ' + tooltipItem.xLabel;
},
label : function(tooltipItem, data) {
return data.datasets[tooltipItem.datasetIndex].label + ': ' + tooltipItem.yLabel;
},
afterLabel : function(tooltipItem, data) {
return '***** Test *****';
},
}
},
scales : {
xAxes : [ {
display : true,
labels : {
show : true,
}
} ],
yAxes : [ {
type : "linear",
display : true,
position : "left",
labels : { show : true },
ticks : {
beginAtZero : true
}
} ]
}
}
});