How to draw JavaScript charts that can handle very large amounts of data?

Question

I tried, but could not find a similar article, so I apologize if I missed any.

I am working on a project based on ASP.Net MVC4.

We need to draw diagrams (using AJAX, JavaScript) for very large amounts of data .

eg. we need to draw signal diagrams that contain 75,000 + data points.

We have so far implemented the solution using JQWidgets. This was used to work perfectly with our initial tests, but the charts save a lot of time to load when they are represented by large amounts of data.

We also tried HighCharts, but it also started to slow down with large amounts of data (filtering or summarizing data is currently not an option).

Please understand that we need to display a large amount of data, since we need to visualize the generated waveforms.

I am sure that I am not the only one who has encountered this problem, so I was wondering if any of you can shed light on the problem.

Answer 1

ZingChart library may interest you. ZingChart was specifically built for big data and offers some great features to ensure fast and stable rendering.

This demo easily displays 100k dots per second, and if you're interested in a comparison, there are also ZingChart Vs. demo (note the warning in the upper right corner).

I am on the ZingChart team and we are here to answer any questions that may arise in the library!

Answer 2

I suggest you try high graphics.

Get the data you need and convert it to JSON and upload it using Dotnet.Highchart

See link: https://dotnethighcharts.codeplex.com/

Example:

public ActionResult Index() { DotNet.Highcharts.Highcharts chart = new DotNet.Highcharts.Highcharts("chart") .SetXAxis(new XAxis { Categories = new[] { "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" } }) .SetSeries(new Series { Data = new Data(new object[] { 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4 }) }); return View(chart); } 

Answer 3

With so much data, you should probably think about loading your data on demand. I don’t think any graphics library can handle 75,000 data points. The best approach, in my opinion, is to download data on demand.