Hi Dmitry,
You can add `large` to series, it will boost the draw of the scatter chart
by losing some flexibility of styling.
option = {
xAxis: {
type: 'value'
},
yAxis: {
type: 'value'
},
series: [{
data: d0,
large: true,
type: 'scatter'
}],
animation: false
};
Regards
On Thu, Jun 24, 2021 at 11:03 AM Dmitry Rukavishnikov <[email protected]>
wrote:
> Hi, EChart team!
>
> I try to make EChart scatterplot as fast as possible when rendering large
> amount of markers. I wrote simple scatterplot example with 30k markers and
> it takes about 10 seconds to draw them all. Even when I resize window it
> takes several seconds to redraw. I tried to turn animation off and tried
> different renderer modes ("canvas" and "svg") but still with same result.
> Please help me, I suspect I missed something to make redraw faster..Here my
> example to test in EChart sandbox.
> Thank you for your work, EChart is nice library but it requires some time
> to learn :)
>
> var d0 = [];
> var d1 = [];
> var n = 30000;
> for (var i=0; i<n; i++) {
> d0.push([Math.random(), Math.random()])
> //d1.push(Math.random())
> }
> option = {
> xAxis: {
> type: 'value'
> },
> yAxis: {
> type: 'value'
> },
> series: [{
> data: d0,
> type: 'scatter'
> }],
> animation: false
> };
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: [email protected]
> For additional commands, e-mail: [email protected]
>
>
--
Yi Shen
Apache ECharts PMC
