javascript - Highcharts 饼图绘制不同的值

Question

我正在制作一个 highchart 饼图，由于某些奇怪的原因，我告诉它显示的数据与饼图显示的数据不同。

代码如下:

$('#container1').highcharts({
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false
    },
    title: {
        text: 'Data'
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.2f}%</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                color: '#000000',
                onnectorColor: '#000000',
                format: '<b>{point.name}</b>: {point.percentage:.2f} %'
            }
        }
    },
    series: [{
        type: 'pie',
        name: 'Percent of Total Samples:',
        data: [
            ['Tf', 14.28],
            ['To', 5.71],
            ['Ts', 74.28]
        ]
    }]
});

这是 fiddle :http://jsfiddle.net/3eL5eqgo/

有人知道为什么会发生这种情况吗？

谢谢!

Answer 1

它显示的数据与您提供的数据不同的原因是它显示的是总数的百分比。如果您的数据加到 100，结果会是一样的，但事实并非如此。