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

Question

我使用 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]
    }]

我已经在 jsfiddle 中完成了它.

我尝试使用 y 轴类型作为对数，因为我的图表肯定有零值，它会抛出 Highcharts 错误 #10。

感谢您的帮助!

Answer 1

您可以使用

    plotOptions: {
       series: {
           minPointLength: 20
        }
     }

增加列的最小绘图长度。请将20修改为适当的值。我已经在这里更新了您的代码。请查看https://jsfiddle.net/6paovjd5/

设置 minPointLength 不适用于堆叠条形图由于报告的问题:https://github.com/highcharts/highcharts/issues/1776

要克服报告的错误，您可以将 plotOptions 替换为以下代码

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

请在此处检查 fiddle :https://jsfiddle.net/ryu59n4p/