Highcharts 3d条形图数据标签位置错误

Question

我需要显示带有数据标签的条形图。当它是 2d 时，一切都很好。但是当我将其显示为 3d 条时，数据标签位置出错。代码如下:

$('#container').highcharts({
    chart: {
        type: 'bar',
        margin: 75,
        options3d: {
            enabled: true,
            alpha: 35,
            beta: 15,
            depth: 110
        }
    },
    plotOptions: {
        bar: {
            depth: 40,
            stacking: true,
            grouping: false,
            groupZPadding: 10,
            dataLabels:{enabled:true}
        }
    },
    series: [{
        data: [1, 2, 4, 3, 2, 4],
        stack: 0
    }, {
        data: [5, 6, 3, 4, 1, 2],
        stack: 0
    }, {
        data: [7, 9, 8, 7, 5, 8],
        stack: 1
    }]
});

});

演示: http://jsfiddle.net/4dccq/277/

提前致谢

Answer 1

这是一个已知问题-

https://github.com/highcharts/highcharts/issues/4160

同时将 alpha 和 beta 设置为 0 并将 stacking 设置为 false 将解决问题。

它仍然是 3d - 但没有角度且不堆叠。

这段代码对我有用-

 $(function () {
    $('#container').highcharts({
        chart: {
            type: 'bar',
            margin: 75,
            options3d: {
                enabled: true,
                alpha: 0,
                beta: 0,

            }
        },
        plotOptions: {
            bar: {
                depth: 40,
                stacking: false,
                grouping: false,
                groupZPadding: 0,
                dataLabels:{
                enabled:true,
                format:'<span style="color:{point.color};"> {point.y:.0f}</span>'
                }
            }
        },
        series: [{
            data: [1, 2, 4, 3, 2, 4],
            stack: 1
        }, {
            data: [5, 6, 3, 4, 1, 2],
            stack: 1
        }, {
            data: [7, 9, 8, 7, 5, 8],
            stack: 2
        }]
    });
});