小编Pen*_*Cao的帖子

如何在 Chart.js 中重新格式化工具提示?

如何在 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)

javascript chart.js

8
推荐指数
2
解决办法
2万
查看次数

标签 统计

chart.js ×1

javascript ×1