Javascript 饼图JS:如何设置单位?

Javascript 饼图JS:如何设置单位?,javascript,chart.js,Javascript,Chart.js,我想在饼图-pie.js中设置单位。在这个数据集中,我想在pie-chart.js中添加一个单位“'Rp'+data” 这是我的密码 // Pie Chart Example var ctx = document.getElementById("myPieChart"); var myPieChart = new Chart(ctx, { type: 'pie', data: { labels: ["Makassar", "Si

我想在饼图-pie.js中设置单位。在这个数据集中,我想在pie-chart.js中添加一个单位“'Rp'+data”

这是我的密码

// Pie Chart Example
var ctx = document.getElementById("myPieChart");
var myPieChart = new Chart(ctx, {
  type: 'pie',
  data: {
    labels: ["Makassar", "Sinjae", "Bulukumba", "Gowa"],
    datasets: [{
      data: [Rp. 4000, Rp. 3000, Rp. 2000, Rp. 5000],
      backgroundColor: ['#007bff', '#dc3545', '#ffc107', '#28a745'],
    }],
  },       
});
你们知道吗?任何帮助都将不胜感激

更新#1 嗨,我以前已经试过你的代码了,我意识到我使用了v2.8.0,当我使用你的代码并将其更改为“工具提示”时,它就像图中一样运行

这是我的更新代码

var ctx = document.getElementById("myPieChart").getContext('2d');
var myPieChart = new Chart(ctx, {
  type: 'pie',
  data: {
    labels: ["Makassar", "Sinjae", "Bulukumba", "Gowa"],
    datasets: [{
      label: '# of Votes',
      data:[4000, 3000, 2000, 5000],
      backgroundColor: ['#007bff', '#dc3545', '#ffc107', '#28a745'],
    }],
  },
   options:{
        tooltips:{
          callbacks:{
            label: (ttItem) => (`${ttItem.label}: Rp. ${ttItem.parsed}`)
          }
        }
      }
});

您必须使用如下自定义工具提示回调:

  options: {
    plugins: {
        tooltip: {
        callbacks: {
            label: (ttItem) => (`${ttItem.label}: Rp. ${ttItem.parsed}`)
        }
      }
    }
  }
文件:

V2:

示例V3:

var选项={
键入“pie”,
数据:{
标签:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”],
数据集:[{
标签:“#投票数”,
数据:[12,19,3,5,2,3],
边框宽度:1
}]
},
选项:{
插件:{
工具提示:{
回调:{
label:(ttItem)=>(`${ttItem.label}:Rp.${ttItem.parsed}`)
}
}
}
}
}
var ctx=document.getElementById('chartJSContainer').getContext('2d');
新图表(ctx,选项)


我试过使用你的代码,但没用,但我用的是这个版本的chart.js 2.8.0,它是不同的语言吗?@BrianThomas更新了答案,让你也包含v2语法
  options: {
    tooltips: {
        callbacks: {
        label: (ttItem, items) => (`${items.labels[ttItem.index]}: R. ${items.datasets[ttItem.datasetIndex].data[ttItem.index]}`)
      }
    }
  }