HighCharts设置滚动条

场景：x轴数据过多，出现滚动条

marginBottom：图表的下边距，默认为100，需要根据图表的高度设置合适的值，否则有可能会出现文字未省略，直接被截断的情况，如下图：

marginRight：图表的右边距，默认为100，如果右倾斜，也可能会出现文字被截断，见下图：需要根据业务需求动态设置该值

左倾斜可以避免上述情况：

适用场景：图表有最大、最小值标示线，页面滚动可能会导致标示线丢失

这个可以将highcharts.js换成highstock.js即可。

highstock.js就是专门针对x轴刻度为datetime类型且数据多的情况，会自动生成滚动条。

如果你的x轴刻度不为datetime类型，则可以给highcharts的容器加入css控制 产生横向滚动条。

滚动条可以考虑在highcharts的DIV容器上面加。如给DIV设定一个固定的高度和宽度，且如下写样式：

view sourceprint?

1.<div style="position:relativeoverflow-x:autooverflow-y:autoheight:

600px" >

2. <div id = "divHighchart"></div>

3.</div>

id 为divHighchart

的就是你显示图的highcharts图表容器。

---