web前端：关于Highcharts数据量超过1000时无法显示问题

作者:ki16更新于： 2020-03-05 21:31:01

　　Highcharts是一个用纯Javascript编写的一个图表库，能够很简单便捷的在web网站或是web应用程序添加有交互性的图表，并且免费提供给个人学习、个人网站和非商业用途使用。HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。

　　今天在vue的项目中引入Highcharts，想做一个大数据量的实时刷新曲线图，发现当数据量超过1000就无法显示。

　　经过排查发现Highcharts为了保证更好的性能设置了一个性能阈值检查，当数据列包含的数据超过这个值时就会报错，图表就无法显示。

　　所以想要解决数据量超过1000无法显示的问题，只要将性能阈值设置大一点，或者直接关闭性能阈值检查，可参考以下代码

　　plotOptions:{

　　series:{

　　turboThreshold:0//性能阈值检查,默认值为1000，当数据量超过这个值就会报错；如果需要关掉性能阈值检查，可以将此参数设置为0

　　},

　　},

　　HighCharts界面美观，由于使用JavaScript编写，所以不需要像flash和java那样需要插件才可以运行，而且运行速度快。另外HighCharts还有很好的兼容性，能够完美支持当前大多数浏览器。