较高的值不会在Highcharts中显示

时间:2018-10-05 07:40:31

标签: 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, 5]
    }]

我已经在jsfiddle中做到了。

我尝试使用y轴类型作为对数,因为我的图表肯定会具有零值,从而引发Highcharts错误#10。

感谢帮助!

1 个答案:

答案 0 :(得分:4)

您可以使用

    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'
        }
    }
},

请在此处检查小提琴:https://jsfiddle.net/ryu59n4p/