Skip to main content

Echarts 数据量大,导致浏览器卡顿怎么办?

  • 按需引入 ECharts 图表和组件
  • 使用 SVG 渲染图形
  • dataZoom 组件 用于区域缩放,从而能自由关注细节的数据信息,或者概览数据整体,或者去除离群点的影响。 可以设置 dataZoom 的 start 和 end,只显示部分图表,可以优化展示性能
  • 折线图 line 折线图在数据量远大于像素点时候的降采样策略,开启后可以有效的优化图表的绘制效率,默认关闭,也就是全部绘制不过滤数据点。 可选:
    • 'average' 取过滤点的平均值
    • 'max' 取过滤点的最大值
    • 'min' 取过滤点的最小值
    • 'sum' 取过滤点的和

可以很好的优化渲染