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
Related
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
I am working on a project where i need to show data in a pie chart.
I need multilevel drill down in it i.e. about 5-6 levels.
Can anyone please share a sample code of how to do it?
I tried doing it in Highcharts as well as Amcharts.
But couldn't figure out how to get it done.
Thanks in advance.
in amcharts you might use related set of concentric donut charts with center looking like pie and outer looking like concentric circles. Search amcharts for nested donut 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()
I would like to ask about chart combination in Highcharts.
Is there any possible combine the multiple axis chart which is located in Highcharts with the Highstock scroll bar features ?
thank you for reply.
You can use highstock.js with combine with Highcharts. Then scrollbar will be avaiable. Please take look at example:
http://jsfiddle.net/anm6z/1/
I don't know about scroll bar but there is a example called master-detail check it out once. it may be helpful to you
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/