Javascript 饼图JS:如何设置单位?
我想在饼图-pie.js中设置单位。在这个数据集中,我想在pie-chart.js中添加一个单位“'Rp'+data” 这是我的密码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 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]}`)
}
}
}