high charts with master-detail and handles - highcharts

I'm using highcharts to build a chart and I need to use the api that it exposes to do certain things. however I would like my chart to be a master-detail type chart like the one in the highstock library but which has the handles on them.
I know i can create a master-detail in highcharts but it does not seem have the handles for dragging the selected range.

In the end I used highstock and found an example with multiple series in the 'master' chart which is called 'navigator' the highstock charts.
Example:
http://jsfiddle.net/davidoleary/NudSK/

Related

Custom charts in highchairs

I am trying to plot the chart as shown below
Not sure what to search for as this is a combination of three charts on same chart.Any starting point will help
To achieve the chart like that, you can use the Highcharts Stock with combination of three series:
line, flags and column.
Sample demo you can base on:
https://jsfiddle.net/BlackLabel/87tbj5x2/
API Reference:
https://api.highcharts.com/highstock/series.line
https://api.highcharts.com/highstock/series.flags
https://api.highcharts.com/highstock/series.flags.shape
https://api.highcharts.com/highstock/series.column

Is there a way to define custom legend in highchart

I am creating a chart which internally is built using multiple highcharts.I want to create a custom legend for whole chart. Is there a way to show custom legend. Is yes then can someone point me to some example.

Highcharts: how to create a simple one-axe timeline with events

I am looking for the most simple chart, and not finding it in native Highcharts.
How can I use another chart type to simulate a simple time arrow with dates and events as labels smartly disposed so that they wouldn't collide?
An example

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