Javascript 呈现饼图数据集的比例为100%--chart.JS

Javascript 呈现饼图数据集的比例为100%--chart.JS,javascript,chart.js,Javascript,Chart.js,我正在使用chart.js构建一个饼图,下面是我的代码 window.onload=()=>{ const chart=document.getElementById('chart').getContext('2d'); 新图表{ 键入“pie”, 数据:{ 数据集:[ { 背景色:['#38c172','#08c'], 数据:[5,0] } ] }, 选项:{ 工具提示:{ 已启用:false }, 事件:[] } }); } 检查此代码(添加注释): window.onload=()=

我正在使用chart.js构建一个饼图,下面是我的代码

window.onload=()=>{
const chart=document.getElementById('chart').getContext('2d');
新图表{
键入“pie”,
数据:{
数据集:[
{
背景色:['#38c172','#08c'],
数据:[5,0]
}
]
},
选项:{
工具提示:{
已启用:false
},
事件:[]
}
});
}

检查此代码(添加注释):

window.onload=()=>{
const chart=document.getElementById('chart').getContext('2d');
常量数据=[5,0];
//从100=>(100-5+0)=95开始计算总和和负数,
//所以它将是剩下的部分
让remainingPart=100-数据。减少((上一个,当前)=>上一个+当前,0);
//此外,还可以检查get值是否为负值
剩余部分=剩余部分<0?0:剩余部分;
新图表{
键入“pie”,
数据:{
数据集:[
{
边框颜色:'#08c',
边框宽度:1,
//这里的颜色是透明的。
背景色:['#38c172','#08c','透明'],
数据:[……数据,剩余部分]
}
]
},
选项:{
工具提示:{
已启用:false
},
事件:[]
}
});
}