score:1

Accepted answer

your problem is likely that the svg that highcharts is creating is too large for the browser to handle in a timely manner. if you have too many data points, you'll need to do 1 of 2 things.

  1. switch to a charting library that uses an html5 canvas instead of an svg

  2. pare down your data using a best fit or some other curve interpolation.

if you switch to a canvas based chart, you'll lose some of the cool features that svgs have, but every data point will make it to the page. i've used jqchart for this in the past. it's not free though.

if you pare down your data, not every data point will make it to the page, but the nice features that svgs allow will still be there. you'll still probably be able to use highcharts.

score:0

i use grafana to visualise my time series data. i don't believe it supports mongodb at the moment. i use influxdb as the data back end.

score:1

i think you need to have a look at crossfilter (filtering lib), dc.js (helper library for d3 and crossfilter) they can handle large amount of data well

score:1

after using highcharts for more than 3 years i can recommend it even for the questioned use case. to follow recommendations to use other charting libraries might be not a good choice if you already picked highcharts (after comparison with others) and invested quite some time in it. if you like it, stick with it.

to address this edge-case with thousands of data points the team announced the boost.js module.

it originated from this issue on github. the discussion reveals lots of background information about the problem domain. and it demonstrates how well the highcharts team is doing customer-/community-driven development.

looks like you can do it with highcharts - if you still want. :-)

last but not least i can recommend the highcharts cookbook from packt


Related Query

More Query from same tag