echarts 数据量太大,造成图表渲染卡顿,影响性能怎么办?!
·
一 echarts配置首册
链接:https://echarts.apache.org/zh/option.html#dataZoom
二 DataZoom
dataZoom 组件 用于区域缩放,从而能自由关注细节的数据信息,或者概览数据整体,或者去除离群点的影响。
现在支持这几种类型的 dataZoom 组件
可以设置dataZoom的start和end,只显示部分图表,可以优化展示性能,但是有时候即使展示部分,还是数据量很多造成渲染性能问题怎么办?
三 sampling
对于 line,可以设置
折线图在数据量远大于像素点时候的降采样策略,开启后可以有效的优化图表的绘制效率,默认关闭,也就是全部绘制不过滤数据点。
可选:
'average'取过滤点的平均值'max'取过滤点的最大值'min'取过滤点的最小值'sum'取过滤点的和
可以很好的优化渲染
DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。
更多推荐
所有评论(0)