highcharts 怎么加滚动条

这个可以将highcharts.js换成highstock.js即可。 highstock.js就是专门针对x轴刻度为datetime类型且数据多的情况，会自动生成滚动条。 如果你的x轴刻度不为datetime类型，则可以给highcharts的容器加入css控制 产生横向滚动条。

添加datazoom即可。

dataZoom: {

    show: true,

    realtime: true,

    y: 36,

    height: 20,

    start: 20,

    end: 80

}

以上代码共参考。

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

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

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

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

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

---