Javascript 较高值的条形图未显示在Highcharts中_Javascript_Highcharts

Javascript 较高值的条形图未显示在Highcharts中

javascript highcharts

Javascript 较高值的条形图未显示在Highcharts中,javascript,highcharts,Javascript,Highcharts,我使用highcharts创建了一个堆叠柱形图。在这种情况下，如果一个条形图的值较高，则不会显示另一个条形图以下是样本系列 series: [{ name: 'John', data: [5000, 3, 4, 7, 2] }, { name: 'Jane', data: [2000, 2, 3, 2, 1] }, { name: 'Joe', data: [3, 4, 4, 2,

我使用highcharts创建了一个堆叠柱形图。在这种情况下，如果一个条形图的值较高，则不会显示另一个条形图

以下是样本系列

series: [{
        name: 'John',
        data: [5000, 3, 4, 7, 2]
    }, {
        name: 'Jane',
        data: [2000, 2, 3, 2, 1]
    }, {
        name: 'Joe',
        data: [3, 4, 4, 2, 5]
    }]

我是在这里做的

我已经尝试使用y轴类型作为对数，因为我的图表肯定会有零值，这会引发Highcharts错误#10

谢谢你的帮助

您可以使用

    plotOptions: {
       series: {
           minPointLength: 20
        }
     }

增加列的最小打印长度。请使用适当的值修改

。我已经在这里更新了你的代码。请查收

设置

minPointLength

无法正确使用堆叠条形图由于报告的问题：

要克服报告的错误，可以用以下代码替换

plotOptions

    plotOptions: {
    series: {
        stacking: 'percent',
         minPointLength: 40,
        dataLabels: {
            enabled: true,
            color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white'
        }
    }
},

请检查这里的小提琴：