Highchart,如何在馅饼上添加文字?

时间:2013-06-13 06:38:11

标签: javascript text highcharts label pie-chart

有一张PIE图表,我需要在像here这样的饼图上显示文字,并在示例代码上显示JSFiddle

此处的部分代码:

    $('#container').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false
        },
        ...
        series: [{
            type: 'pie',
            name: 'Browser share',
            data: [
                ['Firefox',   45.0],
                ['IE',       26.8],
                {
                    name: 'Chrome',
                    y: 12.8,
                    sliced: true,
                    selected: true
                },
                ['Safari',    8.5],
                ['Opera',     6.2],
                ['Others',   0.7]
            ]
        }]
    });

谢谢。

1 个答案:

答案 0 :(得分:0)

默认使用“距离”属性为30.负值会导致饼图上的数据标签。

dataLabels: {
    enabled: true,
    distance: -55
 }

更新了您的jsfiddle here