我使用普通的堆叠列 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; 
            } 
        } 
    } 
] 

我的图表看起来像

在图表中,我在第一个堆栈中的 SSS 值为零,而 DDD 的其余部分的值为零,但其中有一些 SSS 值,但图表上缺少该值。

我不知道这里出了什么问题。谁能帮帮我吗?

请您参考如下方法:

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

minPointLength: 3 

并且具有 10 15 20 的值位于 yAxis 从 0 开始,但具有 0 值的点也从 0 开始,并且通过设置 minPointLength,具有 0 值的点比其他点更大并且位于其他点之上,因此堆叠的值为 0-15,其中 0 具有未堆叠的额外大小。我的解释正确吗?


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!