Highcharts - 条形图列太薄，系列太多

Question

我正在使用highcharts开发一个angular2应用程序，但我有一个关于显示条形图的问题。我已经将他们的高级图表示例代码应用到我的应用程序中。有用。但是当我在图表中添加额外的系列时，列变得过于简单。 my result

我在JSfiddle上单独尝试了示例代码，并在代码中添加了额外的系列。但它有效。 ... workable example

Answer 1

我最近遇到了一个非常类似的问题，甚至发布了一个question。 解决方案似乎很容易 - 对我来说问题是过时的高图（5.0.8）和高图模块（导出，升级，高图，更多，热图）（v.5.0.8），所以如果你不能重现你的本地jsfiddle中的行为尝试设置特定版本的highcharts库，就像我已经完成here。

<script src="https://code.highcharts.com/5.0.8/highcharts.js"></script>

然而，当我更新到highcharts 5.0.14 problem disappeared。

时

希望这有帮助！

<强>更新

问题出在boost.js模块上，特别是seriesThreshold属性默认设置为10（现在为50）。请通过示例here

找到详细的答案

Answer 2

如果您不介意可滚动的高图表，则可以解决此问题。 而不是Highchart使用HighStock库，它将提供额外的＆＃34;滚动条＆＃34;可以与X轴max选项结合使用的选项，以正确显示数据。

以下是same code

的更新链接

 scrollbar:{
    enabled:true
},
xAxis: {
     max:0
// rest of the code}

这个answer将有助于详细了解。