Highchart堆积的柱形图缺少一些项目

时间:2018-01-16 12:23:21

标签: javascript highcharts

我正在使用普通的堆叠列Highchart来显示两个项目,有时任何项目值都可能变为零。在这种情况下,我没有显示该堆栈的下一个图表元素,而只显示了一个堆栈元素。我在下面提到的示例代码段可能无法直接重现问题,但无论如何

chartType : 'chart',
options : {
    chart : {
        animation : false,
        type : 'column',
        height : chart_height
    },
    credits : {
        enabled : false
    },
    legend : {
        enabled : true
    },
    title : {
        text : null
    },
    colors : ['#ED561B', '#50B432'],
    plotOptions : {
        series : {
            stacking : 'normal',
            minPointLength : 3
        }
    },
    tooltip : {
        useHTML : true
    },
    xAxis : {
        categories : categories,
    },
    yAxis : {
        title : {
            text : translations['chart.tooltip_packets'],
            useHTML : Language.isRtl() ? Highcharts.hasBidiBug : false
        },
        opposite : Language.isRtl()
    }
},
series : [{
        index : '0',
        name : 'SSS',
        data : [0, 15, 10, 20, 13, 14]
        tooltip : {
            style : {
                color : '#ED561B'
            },
            headerFormat : '',
            pointFormatter : function () {
                return '<strong>' + translations['chart.tooltip_packets'] + '</strong><br/>' + this.category + ': ' + this.y;
            }
        }
    }, {
        index : '1',
        name : 'DDD',
        data : [800, 0, 0, 0, 0, 0]
        tooltip : {
            style : {
                color : '#50B432'
            },
            headerFormat : '',
            pointFormatter : function () {
                return '<strong>' + translations['chart.tooltip_packets'] + '</strong><br/>' + this.category + ': ' + this.y;
            }
        }
    }
]

我的图表看起来像

enter image description here

在图表中,我在第一个堆栈中具有零值SSS,其余的DDD具有零值,但在图表中缺少某些SSS值。

我不知道这里有什么问题。任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

好的,我发现了问题。事实证明,您为此行设置了值为0的点的大小

minPointLength: 3

并且10 15 20的值在yAxis从0开始,但是0值的点从0开始并且通过设置minPointLength,具有0值的点大于其他点并且位于其他点之上,因此堆叠值为0-15,而0具有未堆叠的额外大小。我是否正确地解释了自己?