Question

HIGH CHARTS

请查看JSFIDDLE。这里的条形图彼此重叠。如何通过动态调整条形宽度来防止这种情况。

Answer 1

如果发生，因为您将条宽设置为固定值。如果您希望条形图取宽度的所有可用位置，而不是使用pointWidth，请将pointPadding设置为0，将groupPadding设置为0，将borderWidth设置为0。

API参考：
http://api.highcharts.com/highcharts/plotOptions.bar.pointPadding
http://api.highcharts.com/highcharts/plotOptions.bar.groupPadding
http://api.highcharts.com/highcharts/plotOptions.bar.borderWidth

例：
http://jsfiddle.net/yek6g5vy/

Answer 2

如果可能，请删除容器内联css高度。

Fiddle 演示

或者您可以使用highstock.js

来使用滚动条

 xAxis: {
  categories: ['First', 'Second', 'Third', 'Fourth', 'Fifth', 'sixth', 'seventh'],
  allowDecimals: false,
  min: 0,
  max: 4,
  scrollbar: {
    enabled: true
  },
},

Fiddle演示

如何防止Highcharts中的条形图重叠？

2 个答案: