2013-06-22 54 views
2

几个月,我有这样的图表:延长区域,以图表的全宽度与x轴

http://jsfiddle.net/lamarant/KTksk/

正如你所看到的,有在两个绘制区域的左侧和右侧的空间。我如何强制绘制区域占据图表的整个宽度?

$('#container').highcharts({ 
     chart: { 
      type: 'area', 
      plotBackgroundColor: '#00B417' 
     }, 
     xAxis: { 
      categories: ['Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov'], 
..... 
+0

是否有一个原因你在做这些的区域系列并没有使用y轴plotbands? http://api.highcharts.com/highcharts#yAxis.plotBands –

+0

是的..“乐队”可能并不总是水平的 – lamarant

回答

2

可以在x轴指定最小值/最大值:

xAxis: { 
     categories: ['Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov'], 
     endOnTick: false, 
     startOnTick: false, 
     min: 0.5, 
     max: 7.5 
    }, 

更新小提琴here

enter image description here

+0

谢谢。这工作。我理解Min的0.5值,但为什么Max为7.5?有9个数据点。为什么Max不是8.5? – lamarant

+2

价值从0索引。 –

+0

以及我感觉非常愚蠢 – lamarant