score:4
Turns out it was a question of terminology.
What I call a Gantt chart, is called a bar chart and what I call a bar chart they call a column chart. Problem solved.
score:0
I think it's just poorly phrased documentation - "When true, the x axis is reversed by default" (my emph) It actually does what you'd expect by default! (i.e. the "by default" part of the sentence is very misleading!)
If you look at the sample code in jsFiddle via the "Try It" link in the documentation you'll see the line:
inverted: true
This setting is overriding the default behaviour, if you remove it and click run you'll see normal service resume!
score:0
By default highchart set:
inverted: false
so you not need to worry, I you set it true
then it will be inverted.
score:0
Seems in the most recent version v4.2.3 it is false
by default.
score:1
i met the same problem with this , none of the answers helps , but i changed the source code of highcharts.js, pa = ka(wa, { type: "bar", inverted: !0 }); this place forced the charts for bar to be inverted , so i can only change the source code to remove the default behavior, like this pa = ka(wa, { type: "bar", inverted: 0 });
today i found i am so silly , just use "column" type ,"column" and "bar" are inverted
score:2
You can set the options so that Highcharts does not reverse the order of the series of the x-axis, therefore the axis are inverted but the bar series themselves are not inverted:
var chart = new Highcharts.Chart({
...
xAxis: {
reversed: false
...
}
...
});
JSFiddle: http://jsfiddle.net/K5tpe/
Highcharts Documentation: http://api.highcharts.com/highcharts#xAxis.reversed
Source: stackoverflow.com
Related Query
- How can I prevent my HighChart bar chart from being inverted?
- How to create chart with highchart in which bar doesn't start from 0 in y axis?
- Highcharts Chart Bar - How can I display in the chart, only one column from my HTML table?
- How to prevent my stacked series from being in reverse order?
- How can I hide a series from initially being displayed in Highcharts
- how can I move yAxis labels from Right of chart to left of chart in highstock
- How do you remove x-axis labels from a highchart.js bar chart
- Highcharts - How can I remove starting and ending padding from area chart
- How can I generate a real-time highchart from my database data?
- How can I extend the lines of this Highchart series to the edges of my chart area?
- How can I add a Bar Chart to my Django based Database?
- How can I render a watermark image in my highchart from local directory?
- How can i export row data from highchart to excel file and not csv?
- How Can we display blocked area for particular timeline in horizontal bar in gantt highchart
- how to show same labels as bar chart on inverted column chart
- How can I show only one x-axis in synchronous chart highchart
- How can I reveal my chart tooltip programatically when the tooltip combines data from multiple series? (sync charts)
- In Highchart gantt Chart inside highcharts-point how can i create custom shapes
- How to remove extra one legend from High Charts- Bar chart (multiple & stacked)
- How to prevent a React onClick event from being consumed by child
- How can i load external json data in highcharts to show the bar chart
- How can I prepare a Group Stacked Bar Chart in Highcharts using multiple and different types of data?
- How to prevent Highchart from severely change declines?
- How to add the "isSum" bar in Highchart Waterfall chart in R?
- How to start highchart column chart from left most corner of x-axis?
- How I can Add Start and end point in stacked bar chart in chart js?
- How can I prevent Highcharts from displaying decimal intervals in between x-axis ticks?
- Highchart bar chart start bar from centre instead of left
- How can I add double related x-axis bar to high chart in zoom
- How we can show Highchart column-placement chart for negative values?
More Query from same tag
- How to programmatically zoom in highcharts?
- Data labels in Highcharts Activity Gauge
- Highcharts Stacked Column chart change legendItemClick function
- How to combine HighStock stock-chart and HighCharts bubble-chart in React JS?
- rCharts Highcharts change xAxis labels
- Using the source version instead of mimified when import lib with reactjs and npm
- Angular child component doesnt recognize input changes
- How to create more gap between axis labels on a stacked bar chart?
- Highstock flags onSeries with addSeries
- Add dataLabels to solid guage
- how to display the date at X axis and other column at y axis in highcharts
- Highcharts stock chart based on data from Quandl API
- Highcharts. Async loading part of the data
- Highcharts - Stacked bar - Possible to have label interval corresponding to data interval?
- High chart php, line not plotting, no error,
- Highcharts and highstock license with google ads web site
- Angular2: highcharts-angular chart doesn't render
- Fomatting labels on Y-axis in Highcharts with Data from HTML table
- Switch from pie to column and show labels
- highcharts with number_format
- How to use click event on Y-axis label in angular Gantt chart High Chart
- Remove 'low' label for Highcharts Range chart
- logarithmic chart with 0 values
- Highcharts Flag series tooltip does not follow yAxis
- Is there any way to show the summation of area charts value in highcharts without using a line chart? I would like to know other alternative
- Is there any way in Highcharts to auto show Labels/Text on a scatter chart?
- How to set xData as date (Y-M) for Highcharts synchronized charts?
- Highcharts drilldown to pie chart - Clicking on axis label with multiple series causes pie charts to overlap
- Highcharts errors when webpage in chrome background tab
- Type 'number' has no properties in common with type 'XrangePointOptionsObject'.ts - React