当数据过多时,highchart中的数据就全挤在了一起,缺乏可观性。添加一个滚动条的的效果如下图。
解决方法:
1. 引入highstock.js
2. 在option选项中添加下面代码
scrollbar: {
enabled: true
}
scrollbar是highstock的标签,highchart的api中并未提供。
scrollbar的更多参数可查阅highstock的api。
添加了scrollbar标签之后会发现滚动条是有了,然而表的数据仍然挤在一块,这时候需要设置xAxis。
3. 在 xAxis下增加max标签
xAxis : {
max:n
}
n的类型为Number。表中展示n+1条数据,此时可拖动滚动条查看后面的数据。