更改数据在Highcharts中的显示方式

时间:2013-04-09 23:28:04

标签: javascript highcharts

我有一点问题,我有一个由highcharts生成的饼图 - 它以百分比表示数据。因此,例如,如果我有两个值2和3,它将在图表上显示40%和60%。我实际上想要在绘制的图表上显示这些数字而不是以百分比显示数据:2和3.任何人都知道我必须更改显示数字而不是百分比?谢谢!

chart: 
        {
            renderTo: 'sunshine',
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
        title: 
        {
            text: 'Browser market shares at a specific website, 2010'
        },

        tooltip: 
        {
            pointFormat: '{series.name}: <b>{point.percentage}%</b>',
            percentageDecimals: 1
        },
        plotOptions: 
        {
            pie: 
            {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: 
                {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    formatter: function() 
                    {
                        return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                    }
                }
            }
        },
        series: [
        {
            type: 'pie',
            name: 'Browser share',
            data: [
                ['Jan',   2],
                ['Feb',       3],
            ]
        }]
    });

1 个答案:

答案 0 :(得分:2)

对pie属性使用标签格式化程序。您可以使用this.y值访问确切的数据点:

 pie: 
        {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: 
            {
                enabled: true,
                color: '#000000',
                connectorColor: '#000000',
                formatter: function() 
                { 
                    return '<b>'+ this.point.name +'</b>: '+ this.y;
                }
            }
        }