score:1
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.
switch to a charting library that uses an html5 canvas instead of an svg
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
Source: stackoverflow.com
Related Query
- Large quantity of data real time visualization
- Setting additional point attributes in HighStock time series with large data sets
- PHP - getting real time data from the database
- Draw real time data graph with Highcharts
- How update in real time with highcharts 3 data module?
- how to make chart real time with 2 line and get data from php with highcharts
- Real time data display in highcharts
- How to display real time data using highcharts for Angular application?
- How to show real time HighCharts Line Graph data which is receiving by an API?
- Highcharts real time chart with incoming Json data [FIXED[]
- Improve highcharts performance for large amounts of data
- Highcharts large data set clustering
- Appending Data with Highcharts (real time updating chart)
- Real time chart on R - Shiny
- xDateFormat string doesn't apply to large amounts of data
- Highcharter plotBands, plotLines with time series data
- time data with irregular intervals in HighChart
- Highcharts - Global configuration with common code and unique data & Headings
- highcharter hcaes "group" usage while plotting large amounts of data with highchart2()
- Difference between highcharts and highstock during real time trace and xAxis with max value
- How to handle HighCharts zooming with large data sets
- HiChart click event 1st time it's working but when I update the data then click event is not working
- Loading large amount of data incrementally using ajax
- Highcharts Time Data With Irregular Intervals In Wrong Order
- Highcharts Populating Realtime Data with Time
- HighChart with large amount of data not working
- How do you process large amounts of data without using a database?
- Highstock Time series with uneven data set distrubition
- Make Highchart and Highstock Have a Uniform Time X-Axis for Disparate Data Points
- Highchart Time Data With Irregular Interval and Text
More Query from same tag
- Passing data from external js file to vue component
- Highstock/Highcharts - yAxis Label top
- Highchart: Line at bottom-border appear
- Error: Highcharts error #13 ionic angular
- Highcharts - How to make a scatter plot with multiple series from HTML table
- How to make highchart chart (version 3) automatically resize with parent container?
- The empty space on the chart xaxis
- Annotation and its toolbar for Measure-x in High stocks is not appearing in the graph rather it is appearing in the navigator below
- how to add dynamic y axis in highchart from specific point of x-axis
- Highcharts area: x-axis in hours but showing multiple points in each hour
- Highcharts markers on legend and hover ONLY
- JSON how to get squared brackets?
- Highcharts - XAxis Label with LineFeed - how to make smaller gap?
- Highcharts breaks after getting a variable's value with document.getElementById
- How to send data from controller which is acceptable format to Highstock?
- Highcharts javascript library - marker halo zIndex?
- Tooltip overlap issue in highchart, can not select plotpoint on same datetime?
- Can't add nice shading to highcharts
- new Highcharts.Chart creating trouble. Why?
- Highcharts prevent column overlapping
- Hide Highcharts export buton for mobile devices
- How can I reverse the series order of a pyramid chart in Highcharts
- javascript highcharts jQuery issue
- Highcharts colorAxis - Hide or add dynamically
- Highcharts v6.0.0 Annotations Not Working
- Insert data into jquery highcharts fail
- multiple Drilldown in Highcharts using values from database in ruby on rails
- Installing Highstocks for Rails app
- Label is not being shown if I set the max y value to 100% and I have values higher than that
- How to set the position of the first and last child of the tooltip