Highcharts unable to handle large amount of data? - highcharts

I have a highcharts chart on jsfiddle here: http://jsfiddle.net/hohenheim/j8cTE/15/
The graph does not render when the page loads but when I hover over the area where the chart should be, some bars render.
Here is what it looks like on my screen: http://i.imgur.com/uJ5AtVE.png Is there a way to make the highcharts render on load and to render properly?
Note if you want to see if the data, you can uncomment the alert line.
//alert(JSON.stringify(data2));

Answering my own question: this is a known bug in 4.0.1 of highcharts as per Pawel's comment. Solution is to change up the highcharts references to working versions.

Related

Stacked value with line chart with highcharts

I got an situation like this. I would like to using line chart to draw stacked value. I have tried google search but i can't find the solution.
For example: On date May/23 i got 3 values, i would like to display these on line-chart.
How could i achieve this? Does highcharts support to do this one. Please take a look at the link attach to clearer the question
Stacked line chart image
Addition info: Im using highcharts to do this one
Thanks for any comment or answer
Follow jlbriggs
I should use scatter-chart to achieve this one
Regarding the tooltip, I would suggest using a scatter series instead of a line. Set the lineWidth in the plotOptions and it will plot just like a line series, but the tool tips are handled differently. Example: jsfiddle.net/jlbriggs/c1o8Lwgv

Showing a cross-hair programatically in Highcharts

Has anyone been able to successfully render a cross-hair programatically in Highcharts?
I have a visualization playing an animation through time and I would like to co-relate the position on the chart via the crosshair. I find that visual cue better than selecting the point on a series. Thanks!
Although Highcharts has something called a cross-hair, I guess what I'm looking for is a plot line.
I've found documentation here and an example scenario
EDIT: I've also noticed that marker.enabled must be set to false or the plot line doesn't show.

Highcharts stacked bar graph as timeline

Is there a way to make the Highcharts stacked bar graph work like a timeline? What I'd like to achieve is demonstrated in this Google Timeline Chart example.
Of key importance is that values can be repeated on the same bar. I haven't been able to figure this out, and currently suspect I may need to fall back to the Renderer and draw this chart manually, or switch to Google Charts, both of which I'd prefer to avoid. Thanks for any thoughts!
Yes, it is possible. This is called a gantt chart. That link has various examples. Some dont work. In that case update the jsFiddle's jquery and change the highcharts.js inclusion url.

Highcharts display label for pie chart using html table as data source

I have a working pie chart that uses data from a HTML table. I trying to get the corresponding label to show on the chart. Current it shows "slice" on all slices. Here is a jsFiddle link www.jsfiddle.net/codedecks/YJsSg/. Thanks in advance.
Did some more searching and found a couple of sample that was was able to use. In case any one else is looking for the same thing here is the link to the jsFiddle www.jsfiddle.net/codedecks/KB6Zy/.

Highcharts line chart in Ext JS Panel

I am working on a simple chart with Highcharts on ExtJS 3.* version. I am using this simple example on jsfiddle. I don't want to render this chart to a div element. I want to put this in a Ext.Panel but when I tried it gives error. How can I do without chart's renderToproperty.
As #Sebastian Bochan stated highcharts.com/download solved my problem.

Resources