How to create a performant table with echarts in each row

Viewed 27

I have been using echarts for some time now and it has worked beautifully in various scenarios. However, I wanted to make a table where each row had multiple charts. The charts are quite simple (stripped down bar chart), but the performance is horrendous.

I'm using the SVG renderer

enter image description here

It takes 4.7 seconds to update 52 charts (I just call setOption with the new options).

performance tab showing each echart setOption call

It spends 85ms (avg) on each chart to Recalculate styles.

Is this something that echarts is not intended for? Or am I missing something?

0 Answers
Related