Javascript 自动标签更新

我正在使用ChartJs以daughnut的形式进行一个小项目。当然，当您取消选择标签时，图表会自动调整，但我希望我的数字也会自动更新。 我把所有东西都放在%中，我希望如果标签被删除，它会自动更新。 这是我目前的代码：

var ctx=document.getElementById（“myChart”）；
var myChart=新图表（ctx{
键入：“甜甜圈”，
数据：{
标签：[
“游行”，
“课程”，
“自然化”，
“维洛”
],
数据集：[{
数据：[65.45,10,10,14.55]，
背景颜色：[
“#00ff00”，
“#008fb3”，
“#ff0000”，
“#ffff00”，
],
边框宽度：1
}]
},
选项：{
工具提示：{
回调：{
标签：函数（工具提示项、数据）{
var allData=data.datasets[tooltipItem.datasetIndex].data；
var tooltipLabel=data.labels[tooltipItem.index]；
var tooltipData=allData[tooltipItem.index]；
var合计=0；
for（allData中的var i）{
总计+=所有数据[i]；
}
var tooltipPercentage=数学整数（（tooltipData/总计）*100）；
返回tooltipLabel+'：'+tooltipData+'%'；
}
}
},
标题：{
显示：对，
文字：“体育运动的投降”，
fontColor:#000”
},
图例：{
显示：对，
标签：{
fontColor:“#000”，
}
}
}
});
。图形化{
宽度：500px；
高度：500px；
边框：纯黑5px；
边界半径：15px；
}
身体{
左缘：27%；
右边距：25%；
}
与折线图不同，当您单击图例时，圆环图不会隐藏数据集，因此您不能使用帮助器方法
chart.isDatasetVisible
，但您可以访问chartjs内部使用的关于数据点的元数据，以确定其是否隐藏

data.DATASET[DATASET\u INDEX]。\u meta[0]。data[data\u ITEM\u INDEX]。隐藏的

在创建总计的循环中使用此选项，可以排除隐藏的任何数据项


var ctx=document.getElementById（“myChart”）；
var myChart=新图表（ctx{
键入：“甜甜圈”，
数据：{
标签：[
“游行”，
“课程”，
“自然化”，
“维洛”
],
数据集：[{
数据：[65.45,10,10,14.55]，
背景颜色：[
“#00ff00”，
“#008fb3”，
“#ff0000”，
“#ffff00”，
],
边框宽度：1
}]
},
选项：{
工具提示：{
回调：{
标签：函数（工具提示项、数据）{
var allData=data.datasets[tooltipItem.datasetIndex].data；
var tooltipLabel=data.labels[tooltipItem.index]；
var tooltipData=allData[tooltipItem.index]；
var合计=0；
for（allData中的var i）{
如果（！data.datasets[tooltipItem.datasetIndex].\u meta[0].data[i].hidden）{
总计+=所有数据[i]；
}
}
var tooltipPercentage=数学整数（（tooltipData/总计）*100）；
返回tooltipLabel+'：'+tooltipPercentage+'%'；
}
}
},
标题：{
显示：对，
文字：“体育运动的投降”，
fontColor:#000”
},
图例：{
显示：对，
标签：{
fontColor:“#000”，
}
}
}
});
。图形化{
宽度：500px；
高度：500px；
边框：纯黑5px；
边界半径：15px；
}
身体{
左缘：27%；
右边距：25%；
}
与折线图不同，当您单击图例时，圆环图不会隐藏数据集，因此您不能使用帮助器方法
chart.isDatasetVisible
，但您可以访问chartjs内部使用的关于数据点的元数据，以确定其是否隐藏

data.DATASET[DATASET\u INDEX]。\u meta[0]。data[data\u ITEM\u INDEX]。隐藏的

在创建总计的循环中使用此选项，可以排除隐藏的任何数据项


var ctx=document.getElementById（“myChart”）；
var myChart=新图表（ctx{
键入：“甜甜圈”，
数据：{
标签：[
“游行”，
“课程”，
“自然化”，
“维洛”
],
数据集：[{
数据：[65.45,10,10,14.55]，
背景颜色：[
“#00ff00”，
“#008fb3”，
“#ff0000”，
“#ffff00”，
],
边框宽度：1
}]
},
选项：{
工具提示：{
回调：{
标签：函数（工具提示项、数据）{
var allData=data.datasets[tooltipItem.datasetIndex].data；
var tooltipLabel=data.labels[tooltipItem.index]；
var tooltipData=allData[tooltipItem.index]；
var合计=0；
for（allData中的var i）{
如果（！data.datasets[tooltipItem.datasetIndex].\u meta[0].data[i].hidden）{
总计+=所有数据[i]；
}
}
var tooltipPercentage=数学整数（（tooltipData/总计）*100）；
返回tooltipLabel+'：'+tooltipPercentage+'%'；
}
}
},
标题：{
显示：对，
文字：“体育运动的投降”，
fontColor:#000”
},
图例：{
显示：对，
标签：{
fontColor:“#000”，
}
}
}
});
。图形化{
宽度：500px；
高度：500px；
边框：纯黑5px；
边界半径：15px；
}
身体{
左缘：27%；
右边距：25%；
}

考虑链接代码段中的Chart.js库，它将允许图表生成IIRC。有什么方法可以添加它吗？我很新，这里使用CDN和链接到脚本文件。考虑链接你的片段中的CART.JS库，它将允许图表生成IIRC。有没有办法我可以添加它？我是新来的使用CDN和脚本文件的链接。很好，如果这回答了你的问题，你可以将它标记为答案，或者如果它没有留下未回答的问题