javascript - 数据未完全显示在堆栈栏 Highcharts

Question

我对 highcharts 有疑问，数据未完全显示在堆栈栏中

    $(function () {

    $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Stacked column chart'
        },
        xAxis: {
            categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Total fruit consumption'
            }
        },
        tooltip: {
            pointFormat: '<span style="color:{series.color}">{series.name}</span>: <b>{point.y}</b> ({point.percentage:.0f}%)<br/>',
            shared: true
        },
        plotOptions: {
            column: {
                stacking: 'percent',
                dataLabels: {

                        format : '{point.percentage:.2f}%',
                        enabled: true,
                        color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
                        style: {
                            textShadow: '0 0 3px black'
                        }
                    }
            }
        },
        series: [{"name":"Noc Siklus 5","data":[0]},{"name":"Noc Siklus 4","data":[4503]},{"name":"Noc Siklus 3","data":[44114]},{"name":"Noc Siklus 2","data":[208034]},{"name":"Noc Siklus 1","data":[483951]}]
    });
});

我创建了 jsfiddle:http://jsfiddle.net/RobbyWH/zr03ku76/6/

请帮我解决这个问题

非常感谢

Answer 1

检查这个 fiddle :http://jsfiddle.net/vwmcuvwd/1/

这 3 个属性的组合可以帮助您:

                    crop: false,
                    overflow: 'none',
                    allowOverlap: 'true'