score:6
You can set index and zIndex to keep order between layers, then add serie with appropriate parameters.
Example: http://jsfiddle.net/6bCBf/5/
var chart = new Highcharts.Chart({
chart: {
type: 'column',
renderTo: 'container'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar']
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [
{
name: 'base',
data: [10, 20, 30],
index:2,
zIndex:10
},
{
name: 'sec',
data: [30, 20, 10],
index:1,
zIndex:9
}
]
},function(chart){
$('#add').on('click', function (e) {
chart.addSeries({
data: [32, 43, 42],
index: 0,
zIndex:1
});
});
});
score:0
Highcharts also supports a yAxis.reversedStacks
property which, if set to false
, will reverse the order of the stacking data points. In the OP's JSFiddle, the first series, "base", appeared on the top of the chart, while the second series, "sec", appeared below it. Setting reversedStacks: false
as in this updated JSFiddle reverses that order, and the new series appears on the top of the stack instead of the bottom.
Source: stackoverflow.com
Related Query
- Add new series to the top of a highcharts stacked column chart
- Highcharts issues in add like 1/10 on top of the column chart
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- How to show Legends for all the series data in stacked column chart Highcharts?
- Highcharts - position column chart from the top
- how to add new index Highcharts column drilldown chart
- HighCharts Stacked Column Adding Onclick Event to the chart
- How to add different series data for each categories in Stacked Column chart in Highcharts?
- highchart : Add the series name on the column chart
- How to Create a Stacked Column Chart with Dynamic Series in Highcharts
- How to add a line at the bottom of a column chart in highcharts
- I want to add a line from each part in column in a Highcharts stacked column chart
- How to add series to an empty chart without breaking the plot border in highcharts
- Highcharts : How to align column chart and bubble chart vertically in the same series
- Highcharts saying undefined is not a function when trying to add a new chart
- highchart: add images to top of chart on every column
- Hide 0 values in Stacked Column Chart in Highcharts
- Highcharts - Scatter chart with a line connecting the dots in the series
- Need stacked column chart with multiple series
- Add onclick event on chart made with the highcharts library
- How to add new points to highcharts after plotting the first 'n' points?
- Highcharts 3.0, area chart with stacked and unstacked series - how to fix?
- Highcharts add tooltip that has a small arrow pointing toward the series
- highcharts - precision for stacked column chart data labels
- How to use add series and update methods in the high chart wrapper for angular?
- Highcharts column + line combination chart with multiple series. Issue aligning line over the column
- Highcharts column tooltip - always on top + fit the container
- I want to add a line to each column in a Highcharts column chart
- How to add a horizontal line in Column bar chart in Highcharts plugin?
- HighCharts Data Structure - Multiple Independent Series, Stacked Column Chart
More Query from same tag
- How to display highchart series line marker symbol from tooltip formatter?
- Highcharts yAxis is not scaling to fill available height
- Type '{ text: string; }' is not assignable to type 'TitleObject'. in highcharts
- highstocks responsive styling not working in different devices
- Highcharts - with datetime axis labels overlap
- How to make this code more simple or shorten?
- Parsing string array into chart
- Display the Plotted value on x axis using highcharts
- Highchart multiple axes - How can I add different starting coordinates?
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- Highcharts heatmap logarithmic colorAxis fails when 0
- HighStock not Overlapping data
- Add extra labels to line charts
- Highchart (stockchart) Yaxis on opposite side miss align when left axis is not visible
- Output query data in other format for chart to recognize
- Accessing hovered point data series highstock
- Custom Font Size Highchart Word Cloud
- Highcharts - Assign a color to a specific value when data is dynamic
- Symfony2 highcharts, change color
- Highstock legendItemClick only is a basic event
- Highcharts resize chart size using custom export button and replace expand and collapse button dynamically
- How to load the highchart in my aspx page
- Highchart zoom feature is not working. It is in https://jsfiddle.net/f0n31uqx/
- Inner size of pie chart (HighChart) getting change with the values provided in the series
- Extra data in point object isn't available for tooltip
- Animating div on top of Highcharts very slow
- My Highcharts graph with multiple axis ignores the max value I set for the first yaxis
- Show tooltip and keep it visible
- Highcharts: collecting all charts on a page second time produces error
- How to make json object for this type in c#?