下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

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

作者:ki16     来源: https://www.cnblogs.com/gaojinshun/p/11712043.html点击数:1610发布时间: 2020-03-09 09:13:17

标签: 大数据Highchartsweb网站

Web开发

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

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

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

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

  plotOptions:{

  series:{

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

  },

  },

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

赞(13)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程