2016-01-04 49 views
1

我想填充Highcharts以將其寬度填充到其父項的100%,而不填充任何填充左/右。Highcharts的寬度無法填充父項的100%

我讀HighCharts full width issue並嘗試設置:marginminPaddingmaxPadding爲0但不起作用。

Demo演示此問題

從演示,x軸是擴大容器的100%,未示出X類別值的一部分。

如何設置選項來解決問題?

+0

您的演示不會打開給我 – smnbbrv

+0

@smnbbrv,請檢查更新的鏈接 – Jaskey

+0

你有spacingLeft和15px的的spacingRight。這就是它顯示填充的原因。你是這個意思嗎? –

回答

1

您需要設置最小/最大值作爲解決方法。

xAxis:{ 
     type:'categories', 
     min:0.49, 
     max: categories.length - 1.49, 
     categories: categories, 
     minPadding:0, 
     maxPadding:0, 
     gridLineWidth:0, 
     tickmarkPlacement: 'between',//僅適用於類別軸categories值時候,刻度線位於在類別名稱的中心 
     labels: { 
      align:'center', 
      y:-3,//垂直偏移 
      style:{ 
       color:'white' 
      } 
     } 
    }, 

http://codepen.io/anon/pen/PZWxwa

+0

分鐘的作品,但最大不工作,我仍然看到填充權。另外,請你解釋一下它是如何工作的? 0.49是什麼意思? – Jaskey

+0

修正了演示,應該是-1.49而不是-0.49 –

+0

你能解釋爲什麼它是0.49嗎?這適用於演示頁面,但在我的應用程序中效果不佳,這是否會支持較低版本?(在我的實際應用程序中,類別的長度爲15) – Jaskey

相關問題