Highchart数据过多时增加滚动条展示

xiaoxiao2021-02-27  352

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

转载请注明原文地址: https://www.6miu.com/read-4758.html

最新回复(0)