29 条回复  ·  3296 次点击
lurenjiaMAX 楼主 初学 2025-1-23 11:17:32
@shadowyue 好的 我后面收拾一下代码 做一个最小可运行实例分享出来
thulof 小成 2025-1-23 11:35:25
你是不是每次都全量重绘的…… 只追加 delta 就好了吧
sgiyy 小成 2025-1-23 11:35:30
你要把你的效果图和具体数据量大小放出来才好评估
thulof 小成 2025-1-23 11:36:57
@thulof #11 哦不对,仔细看了下是折线图,那确实需要全量重绘。那考虑下分片分批处理吧
lurenjiaMAX 楼主 初学 2025-1-23 11:49:10
@sgiyy 效果图是这样的 ![图片]( https://i.imgur.com/D8as482.png)
Moierby 初学 2025-1-23 11:49:10
我做过一个页面 30 个折线和柱状图的需求,直接一次性请求过来一把梭,用的 echarts ,基本没有明显卡顿。不过我的绘图数据比较小,每张 chart 上也就几十个节点。 现在流行的 chart 库都是用 canvas 实现的,每次绘制都是清理完之前的图层,重算重绘,也就是图表渲染这一步你基本没有什么可优化的空间。 你看一下你的瓶颈在哪,针对性的优化: 如果数据请求太慢,你就不要一个接口一次性返回所有 data ; 如果单个 chart 数据节点太多,一次性绘制 96 个太占资源,你就判断哪些出现在当前 viewport 才绘制哪个
lurenjiaMAX 楼主 初学 2025-1-23 11:52:04
@crazyBlack 数据量没有多少 就是每隔一秒获取一次最新的数据 增量更新
MRG0 小成 2025-1-23 11:54:01
一次性显示 96 个,这眼睛看的过来吗
lurenjiaMAX 楼主 初学 2025-1-23 11:57:51
@Moierby 这是个好主意! 我测试只显示 4 个图的话是没有多大压力的
horizon 初学 2025-1-23 12:04:47
先 measure ,再优化
返回顶部