2015-09-25 64 views
2

我正在一個容器中渲染一個高圖。我希望這個圖表適合容器並且不顯示任何滾動。但它給了我一個沒有/或很小的空間滾動的水平滾動。如何避免highchart中的水平滾動條

<div id="container" style="min-width: 600px; height: 400px; margin: 0 auto"  align="right"></div> 

財產以後類似 - fiddle 而且還當我嘗試使用F12調試,滾動消失。

我該如何避免這種情況?

+0

試試這個CSS規則:'溢出-X:隱藏;'wehre的元素使得scroolbar添加此規則。 –

+0

路易斯,這個滾動條是一個來自高圖本身 - 它不是一個瀏覽器滾動條。在瀏覽器滾動條的情況下,這應該可以解決它。 –

回答

5

在JavaScript初始化時添加

scrollbar: { 
     enabled: false 
}, 

到圖表的您xAxis屬性。

+0

- 我試過這樣做。但它沒有工作。我現在通過設置外層容器的ovarflow propery來隱藏問題 – Disha

2

你必須改變它

scrollbar: { 
    enabled: false 
},