Highcharts 3d饼数据标签

时间:2016-06-30 08:54:56

标签: highcharts pie-chart

使用三维饼图时的数据标签显示方式不正确。

我只有两个切片,大多数时候,一个切片的标签最终位于另一个切片的空间中。见http://jsfiddle.net/tn036sak/

我确实想使用distance属性,因此它不会在饼图外显示标签。

这是我的代码 -

    $(function () {
$('#container').highcharts({
    chart: {
        type: 'pie',
        options3d: {
            enabled: true,
            alpha: 65,
            beta: 0
        }
    },
    tooltip: {
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
    },
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            depth: 35,
            dataLabels: {
            distance:-40,
                enabled: true,
                format: '{point.name}'
            }
        }
    },
    series: [{
        type: 'pie',
        name: 'Browser share',
        data: [
            ['Firefox', 10.0],
            ['Chrome', 90]
        ]
    }]
});

});

请建议如何在相应的切片上显示标签。

0 个答案:

没有答案