Javascript 如何操作Chart.js饼图的特定工具提示值?

Javascript 如何操作Chart.js饼图的特定工具提示值?,javascript,reactjs,charts,chart.js,Javascript,Reactjs,Charts,Chart.js,我正在成功显示chart.js中的饼图。如果将给定的切片悬停,它还将返回标签和值 然而,它的价值不是很好用;我想把它转换成另一个用户更容易理解的值 如何访问给定切片的工具提示值?我似乎只能把它们都弄到手 示例代码: this.examplePieChart = new Chart(ctx1,{ type: 'pie', data: { labels: byteLabels, datasets: [

我正在成功显示
chart.js
中的饼图。如果将给定的切片悬停,它还将返回标签和值

然而,它的价值不是很好用;我想把它转换成另一个用户更容易理解的值

如何访问给定切片的工具提示值?我似乎只能把它们都弄到手

示例代码:

    this.examplePieChart  = new Chart(ctx1,{
        type: 'pie',
        data: {
            labels: byteLabels,
            datasets: [
                {
                    label: 'bytes',
                    data: BytesArr,
                    backgroundColor: defaultChartColors,
                },
            ]
        },
        options: {
            tooltips: {
                mode: 'label',
            }   
        }
    });
我可以访问工具提示数据的所有值,我的尝试如下:

            tooltips: {
                mode: 'label',
                callbacks: {
                    label: function (tooltipItem, data) {
                        let tmpArr = [];
                        for(let i = 0; i < data.datasets[0].data.length; i++){
                            tmpArr.push(data.datasets[0].data[i].fileSize());
                        }
                        return tmpArr;
                    }
                }
            }
工具提示:{
模式:“标签”,
回调:{
标签:函数(工具提示项、数据){
设tmpArr=[];
for(设i=0;i
在这里,我运行
fileSize()
将字节转换为MiB/KiB。但是,当悬停一个切片时,它会显示任何给定切片上的所有工具提示,而不是我悬停的那一个

如何访问饼图的单个给定切片的数据值并对其进行操作?目前,我只能使用返回整个数组的
data
值来访问它们


没有上面的回调,我成功地显示了
label:value
,但我想为每个片段处理这个特定值-不是一次处理所有值:o)

最后,可以这样访问它:

        tooltips: {
            mode: 'label',
            callbacks: {
                         const currentValue = dataset.data[tooltipItem.index];
                         return currentValue.fileSize();
                }
            }
        }