How to solve rendering problem when data points are very large?

mehul2010 — Sun, 15 Apr 2018 07:14:38 GMT

I am trying to build a custom visual which contains nearly 20,000 data points in it. So my problem is when I resize or drag the report, all the points get distorted while displaying.

So, I want to capture the resizing event of a report and, it should stop rendering when I am resizing the report and once done resizing or dragging then display the chart again.

Current Problem:

Is there any way I can reduce the lag or drag it smoothly. I can also stop rendering during resizing which is done in the second video.

Problem :

https://drive.google.com/file/d/13CiqdfEdU-9dlQ5SJ72eMWQabkfwZGiU/view?usp=sharing

Before DraggingAfter Dragging

Desired Output:

The similar output which is in the video below is expected. Is it possible to capture the resizing so that I can stop rendering during that time? I am new to custom visual so if possible help me with the code.

https://drive.google.com/file/d/17_W4BfAQtKEzdzbfQ1STBhhgdQ_Jb16f/view?usp=sharing

Any small help will be appreciated.

Thank you

Re: How to solve rendering problem when data points are very large?

mehul2010 — Sun, 15 Apr 2018 07:20:30 GMT

Problem:

Desired Output:

Re: How to solve rendering problem when data points are very large?

v-viig — Mon, 16 Apr 2018 07:03:28 GMT

Yes, it's possible to detect a resize event by checking type.

However, we would rather recommend you should use d3's enter-exit-remove flow to prevent your code from creating new DOM elements for each update.

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

topic Re: How to solve rendering problem when data points are very large? in Developer

How to solve rendering problem when data points are very large?

Re: How to solve rendering problem when data points are very large?

Re: How to solve rendering problem when data points are very large?