Home forums Feature Requests & Feedback render performance

This topic contains 3 replies, has 2 voices, and was last updated by  Suyash Singh 6 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #19298

    yueming
    Member

    Our client complains the zoom/rescale functionalities is lagging, even the markerType is set to none. I am afraid it is because there are too many data points. We use line chart. There are four lines, 100,000 data points in each line.

    Is there any way to improve the render performance?

    • This topic was modified 6 months, 2 weeks ago by  yueming.
    • This topic was modified 6 months, 2 weeks ago by  yueming.
    #19309

    Suyash Singh
    Participant

    @yueming,

    Rendering multiple dataSeries will 100k dataPoints would take a bit to render. However, filtering dataPoints based on the zoom level will improve the performance. Please take a look at this jsfiddle.

    ___
    Suyash Singh
    Team CanvasJS

    #19378

    yueming
    Member

    Thanks. I tried your solution and it works but the side effect is there is obvious image distortion. I think it is because the algorithm is too simple. Is there algorithm to reduce the number of data points at the same time with less image distortion?

    #19384

    Suyash Singh
    Participant

    @yueming,

    You can increase/decrease the number of dataPoints within the axis range as per your requirements and it should work fine.
    var range = Math.round(e.axisX[0].viewportMaximum - e.axisX[0].viewportMinimum);

    ___
    Suyash Singh
    Team CanvasJS

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.