Javascript 在图表中的饼图上显示数据

Javascript 在图表中的饼图上显示数据,javascript,charts,chart.js,Javascript,Charts,Chart.js,我能够创建这个显示数据的甜甜圈图表。但是,现在我看了一下,我想在下面的第二行加上食物的数值(100200300),而不是在食物旁边。有办法做到这一点吗?我在想,既然这是一个嵌套数组,循环遍历它可能会起作用吗?有什么想法吗 var ctx=document.getElementById(“myChart”); var myChart=新图表(ctx{ 键入:“甜甜圈”, 数据:{ 标签1:[“比萨饼:100”],[“热狗:200”],[“汉堡:300”], 数据集:[{ 标签:“#投票数”, 数

我能够创建这个显示数据的甜甜圈图表。但是,现在我看了一下,我想在下面的第二行加上食物的数值(100200300),而不是在食物旁边。有办法做到这一点吗?我在想,既然这是一个嵌套数组,循环遍历它可能会起作用吗?有什么想法吗

var ctx=document.getElementById(“myChart”);
var myChart=新图表(ctx{
键入:“甜甜圈”,
数据:{
标签1:[“比萨饼:100”],[“热狗:200”],[“汉堡:300”],
数据集:[{
标签:“#投票数”,
数据:[12,19,3],
背景颜色:[
"rgba(255,99,132,0.2)",,
“rgba(54162235,0.2)”,
‘rgba(255、206、86、0.2)’
],
边框颜色:[
"rgba(255,99132,1)",,
“rgba(54162235,1)”,
‘rgba(255、206、86、1)’
],
边框宽度:1
}]
},
选项:{
工具提示:{
回调:{
标题:函数(工具提示项、数据、label1、label2){
返回数据['label1'][tooltipItem[0]['index']];
},
标签:函数(工具提示项、数据){
返回数据['dataset'][0]['data'][tooltipItem['index']];
},
afterLabel:函数(工具提示项、数据){
var数据集=数据['dataset'][0];
var percent=Math.round((数据集['data'][tooltipItem['index']]]/dataset[“\u meta”][0]['total'])*100)
返回“(“+百分比+”)”;
}
},
背景颜色:“#FFF”,
标题字体:16,
标题字体颜色:“#0066ff”,
bodyFontColor:“#000”,
体型:14,
显示颜色:false
}
}
});

标签1:[[“比萨饼:100”],[“热狗:200”],[“汉堡:300”]
只是
标签
,计算的数据是
数据:[12,19,3]
<代码>标签
将在您悬停时显示,
百分比
数据[12,19,3]
计算得出。我不知道您想做什么。就像刘宇说的==>很难理解您的问题。添加所需结果的屏幕截图。也许这与: