如何在 Chart.js 中重新格式化工具提示?该图表的 x 轴为时间,y 轴为销售额,工具提示显示 x 和 y 的数据值。到目前为止,工具提示默认可以工作,但我想更改我们在工具提示中看到的值。我可以通过重新定义“时间”中的 tooltipFormat 字段来重新格式化工具提示中的时间。但是我没有发现 y 轴数据有类似的东西。例如,显示“$1600”而不是“Daily Ticket Sales:1600”。
示例工具提示格式图像
谁能告诉我这种改变应该发生在哪里?
“自定义”回调函数可以解决这里的问题吗?这是代码,谢谢?
var dates=data.linechart.dates;
var times=[];
for (var i=0; i<dates.length; i++) {
times.push(moment(dates[i],'YYYY/MM/DD'));
}
// console.log(dates);
// console.log(times);
var salesData = {
labels: times,
datasets: [
{
label: "Daily Ticket Sales",
fill: false,
lineTension: 0,
backgroundColor: "#fff",
borderColor: "rgba(255,88,20,0.4)",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(255,88,20,0.4)",
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(255,88,20,0.4)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 2,
pointRadius: 3, …Run Code Online (Sandbox Code Playgroud)