How to create navigator series for Highstock stacked column chart - highcharts

I have a stacked column chart. In this chart the navigator is blank and it doesnt show the proper line.
I want create the series for stacked column chart. What should be the structure of the series?

Related

Highcharts Stacked area charts

I want to have a stacked area chart with missing data points having x-axis as date time and y-axis as products quantity. How can I achieve this?
I have tried using line chart and area chart but it is not solving the purpose.

How to create navigation column chart in stacked column high chart

We are using Highcharts and highstock library in our application to create a statcked column chart and want to represent the status of the column stacked chart by a navigator column chart. We want to create to navigator column chart in such a way that the navigator column chart will shown data from my own custom series instead of series from main chart depending on value of "baseSeries".
Here, the problem is that even after using series with my own data attribute in navigator column chart, i am still getting a navigator chart with data same as the first series i.e. dafault navigator chart.
Please go through this js fiddle:
<code> http://jsfiddle.net/54v04uxc/10/ </code>
I am not getting the issue that is causing the display of default data in navigation chart instead of my custom series with my own data attribute
You should use navigator.series as an object, not as an array: http://api.highcharts.com/highstock/navigator.series

highchart Stacked-area - Grouping small series

Is there a way to group small series in a new 'Others' series?
I have a chart with some series that are very small, so their areas almost doesn't appears in the chart. So, what I want is to group those small series making a new serie a little bigger called 'Others'.
I did it by grouping my small series before setting them to the chart, but I think it would be better if highchart do it by his own. This way, if we hide a serie clicking in its legend, the chart could recalculte and check if the 'Others' could be ungrouped.
For example:
http://www.highcharts.com/demo/area-stacked
Since Europe and Oceania series are the smallest areas in the chart, is it possible to set some property for Highchart group those 2 series in a new one, called 'Others'? And when we click on the legend to hide some serie, highchart dinamically recalculate to check if the 'Others' serie could be divided again the the 'real' series

Column chart tooltip with percentage

I know that pie and bar chart has functionality to show tooltip with percentage, but I have column chart.
Is there any way to implement tooltip with percentage in column chart?

Column chart not showing series properly in Highcharts

I have the following charts where the series data is an array of config objects:
enter code herehttp://jsfiddle.net/AANAB/
http://jsfiddle.net/AANAB/1/
Try changing the chart type to pie.If you observe now three series will be shown.Why does the column chart consider this as one series and the pie chart as 3 series? My requirement is to be able to render the column chart and pie chart as three separate series for the same given data. Is this possible?
First and foremost thing,
pie and column are 2 completely different types of charts.
column can be said as a graph, and pie as a chart.
column chart has 2 axes namely x and y while pie is distributing the area proportionally.
there is no mistake in this one. they are rendered properely.
For pie chart the structure accepted is
{
name: name of the slice,
y: value of the slice
}
each slice has its own name like the xAxis categories we provide for column chart.
the Y has the value is common for all the highcharts.
so here what i recommend is to maintain the datasets differently for both column and pie to get what you have required.
All works properly, in pie chart you have different colours, only, so you can set the same color then you achieve the same effect as in columns.

Resources