Question

我用highcharts绘制了一个饼图，但在3D模式下，我的标签与图表分开。你可以看到这个jsfiddle。如果您从x更改y和dataLabels值并运行示例，则会得到相同的结果。标签没有移动。为什么？我需要定义任何参数吗？使用普通模式它可以工作，但使用3D模式.... BREAK !!

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'pie',
            options3d: {
                enabled: true,
                alpha: 45,
                beta: 0
            }
        },
        title : {
            text : 'Test'
        },
        tooltip : {
            pointFormat: 'Value: <b>{point.percentage:.1f}%</b>'    
        },
        credits: {
            enabled: false
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                depth: 35,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    align: 'left',
                    format: '{point.name}',
                    connectorWidth: 5,
                    x:100,
                    y:300
                }
            }
        },
        series: [{
            name: 'Test - Levels',
            data: [
                ['Some Text Level 1', 74.25], 
                ['Some Text Level 2', 17.82], 
                ['Some Text Level 3', 7.92]
            ]
        }]
    });
});

更新：

在HighCharts v4.0.1

中找到了错误

HIGHCHARTS v4.0.3

中的BUG已修复

Answer 1

Unforuantely已知臭虫，在此向我们的开发人员报告：https://github.com/highslide-software/highcharts.com/issues/3082

请继续使用github线程，直到发布修复程序。

Answer 2

您无法修复标签位置。

试一试：

pie: {
                allowPointSelect: true,
                depth: 35,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    format: '{point.name}',
                    connectorWidth: 5
                }
            }

http://jsfiddle.net/8cK3M/8/

Highcharts 3D Pie

2 个答案: