echarts 绘图高度过高,引起的卡顿问题怎么处理?

echarts 绘图高度过高,2000+数据,横向柱状图,高度大概50000+
image.png

阅读 3.5k
3 个回答

要不分几张图,切分数据来

用这种!

提供一个思路 不知道行不行

有个思路 就是虚拟滚动技术。前端大部分大数据渲染都是虚拟滚动做优化
先设定 div 高度(预测或者计算图表全部渲染多高)。
然后把数据分页 给图表展示
监听滚动条事件 动态判断滚动的距离 然后拿到滚动条对应位置的数据 给图表渲染 。
楼主可以试试可行性

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题