Highcharts - Include several charts in one container - highcharts

I tried to search on the forum but didn't find anything about a simple question: How can we include several highcharts in one container as my example? Is it possible ?
My example
Thanks for your answer.

You mean, like this?
You can set how many series you want at the same chart.
However, to make the "chart grid" like in your image, you have to make 4 div to store each one of your charts

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

Highchart: Spline with clickable Symbols

i like to show additional informations on a highchart graph by clicking on a datapoint. I like to visualise this "clickpoint" by setting a flag. That can be done linke the sun that will be shown here: http://www.highcharts.com/demo/spline-symbols/gray
But i did not find any information in the api how to make this marker clickable. Isnt it possible? In the highstocks API i found clickable flags that can be set. But i need to use the highcharts api only.
Maybe some of you have solved this problem and an give me some hints.
Thanks
You can catch it by click function on the point.

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.

timeline chart with events

For a rails web application I need a timeline with on the top (stacked) bar charts and on the bottom single events that should be recognizably different using e.g. forms (squares, rhombus, circles) and colors.
It's also important that I get some kind of picture back in order to reuse it to build a pdf.
At the moment I do the bar chart part with google charts, but I can't find a way to do the events. Those could also be on a separate chart that I then align in html or the pdf.
have you ever try the highcharts.
Here is an example of time series with events made with amCharts: http://www.amcharts.com/stock-chart/stock-events/
You can have any number of graphs stacked on each other, if this is what you want to do.
Disclaimer: I am the author of amCharts.

Highcharts rangeSelector for multiple charts

I have 4 charts which contain multiple series. Is it possible to have the rangeSelector() change all charts at once?
Even more desirable would be using the sliding master detail which is enabled like so: $('#container').highcharts('StockChart', { ....
If it's possible could someone point me to references or examples
thanks in advance,
MAS
You can use afterSetExtremes() to catch event form one chart, and use setExtrmes to set range on the others charts. http://api.highcharts.com/highstock#xAxis.events.afterSetExtremes http://api.highcharts.com/highstock#Axis.setExtremes()

Resources