时间戳

首页 > 解决方案 > 条形图未显示在 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, 5]
    }]

我已经在jsfiddle中完成了。

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

感谢帮助！

标签： javascripthighcharts

解决方案

您可以使用

    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/

推荐阅读