Geek asks and answers

JavaScript dots with many dots (~ 500,000)

I am considering JavaScript solutions for building interactive dashboards. The dashboard will have 15 maps, each of which has 6 lines, and each line has ~ 5000 points (15 * 6 * 5000 = 450,000). And a new item will be added (and the old point will be deleted) to each line approximately every 3 seconds. In addition, I want interactive scaling and tooltips.

Is this possible without interpolating (downsampling) the source data? Can anyone recommend JavaScript solutions to try?

I came across Flotr2, Rickshaw, jqChart, HighCharts, I wonder if people can share first-hand experience for this use case.

In the event that this is not a realistic goal, what will be the highest performance with today's technology?

+5
source share
1 answer

I think jqChart might meet your requirements:

jqChart takes advantage of HTML5 Canvas to deliver high-performance client charts and graphs in browsers.

Line chart rendering speed optimized for processing a large data set. This example line chart shows 2 series of 60,000 points each.

Disclaimer: I am the technical director of jqChart.

+4
source

More articles:


All Articles