我正在一個容器中渲染一個高圖。我希望這個圖表適合容器並且不顯示任何滾動。但它給了我一個沒有/或很小的空間滾動的水平滾動。如何避免highchart中的水平滾動條
<div id="container" style="min-width: 600px; height: 400px; margin: 0 auto" align="right"></div>
財產以後類似 - fiddle 而且還當我嘗試使用F12調試,滾動消失。
我該如何避免這種情況?
我正在一個容器中渲染一個高圖。我希望這個圖表適合容器並且不顯示任何滾動。但它給了我一個沒有/或很小的空間滾動的水平滾動。如何避免highchart中的水平滾動條
<div id="container" style="min-width: 600px; height: 400px; margin: 0 auto" align="right"></div>
財產以後類似 - fiddle 而且還當我嘗試使用F12調試,滾動消失。
我該如何避免這種情況?
在JavaScript初始化時添加
scrollbar: {
enabled: false
},
到圖表的您xAxis
屬性。
- 我試過這樣做。但它沒有工作。我現在通過設置外層容器的ovarflow propery來隱藏問題 – Disha
你必須改變它
scrollbar: {
enabled: false
},
試試這個CSS規則:'溢出-X:隱藏;'wehre的元素使得scroolbar添加此規則。 –
路易斯,這個滾動條是一個來自高圖本身 - 它不是一個瀏覽器滾動條。在瀏覽器滾動條的情況下,這應該可以解決它。 –