Home forums Report Bugs Column type performance

This topic contains 4 replies, has 3 voices, and was last updated by  damdai 4 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #11670

    damdai
    Member

    There seems to be a performance issue with column chart type.
    I have a chart with 500k+ data points.
    When rendering as a column chart, it takes move than 10 seconds to render.
    When rendering as a line chart, it takes less than a second, like the example here: http://canvasjs.com/docs/charts/intro/high-performance-javascript-charts/

    To reproduce this problem, try changing the chart type in the example above to column.

    #11711

    Sunil Urs
    Keymaster

    damdai,

    It is not suggested to use column charts for such huge number of dataPoint. Instead we suggest using Line or Area charts in these cases – column anyway would look like an area chart with such large number of dataPoints.


    Sunil Urs

    #11714

    damdai
    Member

    The difference is that the column chart can still show a different color for every data point which is visible with a large dataset, whereas the line and area charts will only show the datapoint color on mouseover.

    #11732

    Vishwas R
    Keymaster

    In that case I would suggest filtering dataPoints to something below 10K because column charts are not meant to handle such large Data Sets. In any case when you have large number of dataPoints, columns will overlap and only a few (equal to number of pixels horizontally) of them would be visible. So you can filter them initially and then add more dataPoints when user zooms into a region using rangeChanging. Here is an example.

    #11734

    damdai
    Member

    I’ll give that a shot. Thank you.

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

You must be logged in to reply to this topic.