图表师的饼图标签放错了地方，我无法调试它

Question

我正在尝试使用从某个php页面获取的Json数据制作图表。

具体来说，我想显示一个饼图，其中每个部分都有标签，以及它所代表的百分比。

我遵循了图表家的例子，最后得到了这个代码笔：

https://codepen.io/orsucciu/pen/qBdrjow

标签很小，放错地方了，而且百分比没有出现！

我检查了调试控制台，但没有提出任何问题。

我还在LabelInterpolation中添加了一个console.log来查看，但它没有发送任何内容。。。所以我怀疑它是从那里来的，但我不知道到底是什么问题：(

谢谢！

Answer 1

https://codepen.io/SkyDieRay/pen/BaNWdmr

data = JSON.parse('{"orphans":17,"0":4,"1":7,"3":1,"aTraiter":2,"aValider":3,"Valided":4,"retourBO":5}');

我玩了一段时间，你的错误值显示在那里，因为图表中的数据为0%，所以为什么所有数据都在同一个地方
我更改了数据以提供值，现在看起来很正常。

为了显示百分比，我将其添加到responsiveOptions中
另外，用dat.series[index]替换value。value只是数据的键，而不是值。所以你大部分时间都在跳绳，这就是为什么你会得到NaN%的结果。

labelInterpolationFnc: function(value, index) {
var percentage = Math.round(dat.series[index] / dat.series.reduce(sum) * 100) + '%';
return dat.labels[index] + ' ' + percentage;
}