我需要显示带有数据标签的条形图。
当是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/

提前致谢

最佳答案

你是这个意思吗?
这是一个很好的解决方案...

这是a link

$(function () {
$('#container').highcharts({
    chart: {
        type: 'column',
        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: 1
    }, {
        data: [7, 9, 8, 7, 5, 8],
        stack: 2
    }]
});


});

09-25 21:54