Highcharts - 条形图栏太薄，太多系列 [英] Highcharts - bar chart columns too thin with too many series

问题描述

我正在开发一个使用highcharts的angular2应用程序，但是我有一个关于显示条形图的问题。我已将他们的示例代码应用于我的应用程序。有用。但是当我为图表添加额外的系列时，这些列变得不合理地太细。 我的结果

I am developing a angular2 application using highcharts, but i have a problem about showing a bar chart. I have applied their sample code of highcharts to my application. It works. But when i added extra series to the chart, the columns becomes unreasonably too thin. my result

我分别尝试JSfiddle上的示例代码，并在代码中添加额外的系列。它的作品，但是。 ... 可行的例子

I separately tried the sample code on JSfiddle with adding extra series to the code. It works however. ... workable example

推荐答案

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

If you don't mind scrollable high-chart then this issue can be resolved. Instead of Highchart use HighStock library, it will provide additional "scrollbar" option which you can combine with X-axis max option to show the data properly.

以下是相同的代码

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

answer 将有助于详细介绍。

这篇关于Highcharts - 条形图栏太薄，太多系列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！