如何将$前缀添加到chart.js中的工具提示中,并且没有小数位[duplicate]

qeeaahzv  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(170)

此问题在此处已有答案

How to append text or symbol to tooltip of chart.js(3个答案)
三个月前关门了。
我在chart.js中制作了一个条形图,从谷歌中提取数据。
工具提示是好的,但我想添加一个前缀$之前,并显示没有小数位。
https://codepen.io/jameswill77/pen/WNzXxeJ

function handleQueryResponse(response) {
    var data = response.getDataTable();
    var columns = data.getNumberOfColumns();
    var rows = data.getNumberOfRows();
    console.log(data.toJSON());

    const colors = ['#eeeeee', '#23F0C7'];
    dataj = JSON.parse(data.toJSON());
    console.log(dataj.cols[0].label);
    const labels = [];
    for (c = 1; c < dataj.cols.length; c++) {
      if (dataj.cols[c].label != "") {
        labels.push(dataj.cols[c].label);
      }
aij0ehis

aij0ehis1#

这可以通过在setup变量中定义options.plugins.tooltip.callbacks.label函数来实现,如下所示。

var setup = {
  type: 'bar',
  data: chartdata,
  options: {
    plugins: {
      title: {
        display: true,
        text: dataj.cols[0].label
      },
      tooltip: {
        callbacks: {              
          label: ctx => ctx.label + ': $' + parseInt(ctx.parsed.y).toLocaleString()
        }
      }
    },
    responsive: true,
  }
}

请查看Chart.js文档中的Tooltip Callbacks页面以了解更多详细信息。

相关问题