如何避免highchart中的水平滚动条
问题描述:
我正在一个容器中渲染一个高图。我希望这个图表适合容器并且不显示任何滚动。但它给了我一个没有/或很小的空间滚动的水平滚动。如何避免highchart中的水平滚动条
<div id="container" style="min-width: 600px; height: 400px; margin: 0 auto" align="right"></div>
财产以后类似 - fiddle 而且还当我尝试使用F12调试,滚动消失。
我该如何避免这种情况?
答
在JavaScript初始化时添加
scrollbar: {
enabled: false
},
到图表的您xAxis
属性。
+0
- 我试过这样做。但它没有工作。我现在通过设置外层容器的ovarflow propery来隐藏问题 – Disha
答
你必须改变它
scrollbar: {
enabled: false
},
试试这个CSS规则:'溢出-X:隐藏;'wehre的元素使得scroolbar添加此规则。 –
路易斯,这个滚动条是一个来自高图本身 - 它不是一个浏览器滚动条。在浏览器滚动条的情况下,这应该可以解决它。 –