当数据过多时,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条数据,此时可拖动滚动条查看后面的数据。