Javascript 如何在chartjs上设置左侧图例的格式

Javascript 如何在chartjs上设置左侧图例的格式,javascript,chart.js,Javascript,Chart.js,我有一张图表,我想将左边的值格式化为货币格式。图像就是我想要改变的地方。 这是我目前的代码: this.Chart = new Chart('kpi', { type: 'bar', data: { labels: cat, datasets: [ { data: Value, label: "Categorias", backgroundColor: 'rgba(26, 179, 148, 0.4)',

我有一张图表,我想将左边的值格式化为货币格式。图像就是我想要改变的地方。

这是我目前的代码:

  this.Chart = new Chart('kpi', {
  type: 'bar',
  data: {
    labels: cat,
    datasets: [
      {
        data: Value,
        label: "Categorias",
        backgroundColor: 'rgba(26, 179, 148, 0.4)',
        borderColor: 'rgba(26, 179, 148, 1)',
        borderWidth: 2
      }
    ]
  },
  options: {
    events: ['mousemove', 'click'],
    },
    hover: {
      mode: "nearest",
    },
    scales: {
      yAxes: [{
        id: 'data',
        type: 'linear',
        ticks: {
          beginAtZero: true
      }
      }]
    },
    title: {
      display: true,
      text: 'Categorias',
      fontSize: 20,
      fontColor: 'rgba(26, 179, 148, 1)',
      fontStyle: 'normal'
    },
    tooltips: {
      mode: "nearest",
      callbacks: {
        title: (item, data) => {
        },
        label: (item, data) => {
          let index = item.index;
          item.value = numeral(data.datasets[0].data[index]).format('$0,0.00');
          return `${data.labels[index]}: ${item.value}`
        }
      }
    }
  }
});
我想在标签上使用“.format('$0,0.00')”之类的格式,或者类似的东西,但我不知道如何设置这些值的格式

var chart = new Chart(ctx, {
    type: 'line',
    data: data,
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    // Include a dollar sign in the ticks
                    callback: function(value, index, values) {
                        return '$' + value;
                    }
                }
            }]
        }
    }
});
这是一个示例代码,用于格式化chartjs页面中的y轴值。您可以使用此回调设置标签的格式

这是一个示例代码,用于格式化chartjs页面中的y轴值。您可以使用此回调设置标签的格式