Highcharts饼图绘制不同的值

时间:2014-08-13 15:58:34

标签: javascript jquery charts highcharts

我正在制作一张高图饼图,由于一些奇怪的原因,我告诉它显示的数据与饼图显示的数据不同。

以下是代码:

$('#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]
        ]
    }]
});

这是小提琴:http://jsfiddle.net/3eL5eqgo/

任何人都知道为什么会发生这种情况?

谢谢!

1 个答案:

答案 0 :(得分:1)

它显示与您提供的数据不同的数据的原因是因为它显示了总数的百分比。如果您的数据添加到100,它将是相同的,但它不会。