score:3
Well, assuming there's no alternative, here's what I went with in case anyone stumbles upon this through Google:
Using option 2 described above (reversing the axis), I simply modified the labels via the formatter to be the inverse.
In my case, since it's percentage (0-100), I simply put:
labels: { formatter: function() { return Math.abs(this.value - 100) } }
score:1
I had a similar problem. After trying different options I ended up setting series index before rendering the chart. Generic code:
if (options.chart.type === 'bar') {
for (var i = 0; i < options.series.length; i++) {
options.series[i].index = options.series.length - 1 - i;
options.series[i].legendIndex = i;
}
}
Updated jsFiddle for your example: http://jsfiddle.net/U8nZ6/23/
score:1
In case anyone is still looking for this. I used reversed:true in my legend.
legend: {
align: 'right',
x: -30,
verticalAlign: 'top',
y: 25,
floating: true,
backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || 'white',
borderColor: '#CCC',
borderWidth: 1,
shadow: false,
reversed: true // right here!
}
score:2
It looks like there's an option called reverseStacks (http://api.highcharts.com/highcharts#yAxis.reversedStacks) that defaults to true for stacked charts. You might want to set this to false in your code.
I noticed that your JSFiddle specifically requests Highcharts version 2.3.5, in which this option is presumably not there.
Source: stackoverflow.com
Related Query
- Why does HighCharts reverse the order of my series?
- How can I reverse the series order of a pyramid chart in Highcharts
- Why does this Highcharts graph only show tooltip for the first and last nodes?
- Why does my addSeries (in highcharts) only display names of the series but not the actual pie chart itself
- Why does highcharts sankey chart sometimes combine multiple nodes with same node name but different Id into one and hide the lines?
- How to modify the code so that Highcharts graph does not cover fixed navigation bar at the top of the page?
- Why does Highcharts <div> element take up the entire page?
- Why does the smallest bubble size of this Highcharts jsFiddle example seem incorrect and how do I fix it?
- How can I fix the error #17 "The requested series type does not exist" error when trying to display a highcharts graph in Vue.js?
- HighCharts Hide Series Name from the Legend
- Hiding a Highcharts series without using the legend
- What format does the highcharts js library accept for dates?
- Customizing the colors of individual series in HighCharts
- How can i hide all the Series in highcharts at a time
- Highcharts - How to set custom colors for the series
- Add a gap between the second and third series in a Highcharts column plot with four series displayed
- Show specific series values in the stack label using highcharts
- highcharts link series such that turn one off turns off the other
- Highcharts - specifying order of stacked time series
- Why are the labels for my opposite yaxis in Highcharts not showing up?
- How can I delete all of the points from a highcharts series
- Highcharts - Scatter chart with a line connecting the dots in the series
- Sort the series data for every X-Axis in Highcharts
- How do I style the series labels on a Highcharts pie chart?
- How to remove the halo/glow around a marker upon hovering a series in Highcharts
- Highcharts add tooltip that has a small arrow pointing toward the series
- How do I hide a Highcharts series from the chart, but always show it in the tooltip?
- How do you set the stack order of the series in a stacked bar chart?
- Gauge Series of Highcharts with React not the Solid Gauge but Gauge Series
- Second yAxis does not scale according to series in Highcharts
More Query from same tag
- Highcharts custom tooltip
- Drilldown for grouped column chart in highcharts
- splitSeries error with packedbubble in Angular
- Shared tooltip with multiple stacks
- Highcharts DateTime not parsing correctly
- linecap property in highchart doesn't work
- change value and run function on click
- Highstock xAxis datetime
- Datalabels fontSize and position : different results depending on browser
- Draw symbols between bars in highcharts
- x-Values Data not showing in Highcharts, Javascript
- Parsing Json to render multiline highstock charts using Javascript
- Loading data from API into a highcharts vue component
- Symfony2 - Highcharts rendering a blank div
- Formatting the float numbers in Highcharts
- How do I add column-specific plotlines using High Charts?
- How would I irregularly space x-axis data in highcharts that ISN'T represented in a datetime format?
- HighCharts donut chart drilldown
- how to update bar graph and also its legend without re-drawing it in highcharts
- Highcharts.js - edit the axis of a chart without remaking it
- Highchart pie - datalabel cannot be selected when setting useHTML=true
- Does the Highcharts-Vue wrapper support 'gauge' and 'heatmap' chart types?
- DrillDown in multiple line graphs
- Highcharts: plotbands in gauge charts
- Show HTML special characters as is
- Add new axis dynamically when adding series from indicators/stocktools
- Highcharts Horizontal stacked bar, reduce space between bar and x-axis
- Show line of zoomed in series when no points within zoom range using boost
- Create a HighCharts pie chart using JSON Data
- HighMaps: Change state name on tooltip with various sets of data