2013-06-18 26 views
1

我有一个Highcharts datetime柱状图,有几个系列是动态添加和更新的。看起来,图书馆在第一列之前和最后一列之后生成的图表中有一大块空间。就好像列被分组到图表的中心,而它们应该被均匀地布置在整个空间中。我试图调整的轴线选项minPadding和maxPadding没有成功:Highcharts - 为什么在第一列之前和最后一列之后有额外的间距?

xAxis: { 
     type: 'datetime', 
     minPadding: 0, 
     maxPadding: 0, 
     labels:{ 
      formatter:function() { 
       return Highcharts.dateFormat('%b %e', this.value); 
      } 
     } 
    }, 

这里是改编自Highcharts演示页的例子,其被正确地表现:

enter image description here

http://jsfiddle.net/ricksuggs/8Gt2y/

虽然我自己写的这个例子显示了额外的填充:

enter image description here

http://jsfiddle.net/ricksuggs/PRKAJ/36/

谢谢。

回答

2

您可以修改pointWidthgroupPadding/pointPadding参数

http://jsfiddle.net/PRKAJ/37/

编辑:但是,您应该确定您的建议pointRange

http://jsfiddle.net/PRKAJ/41/

http://api.highcharts.com/highcharts#plotOptions.series.pointRange

+0

感谢的是,并没有解决具体的问题我正在经历的。我的列按照图表中心分组,第一列左侧的间距太多,最后一列右侧的间距太大。请参阅我已添加的原始问题上的图像以更好地解释。 – ricksuggs

+0

@ricksuggs看看我更新的例子 –

相关问题