question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Opposite y-axis ignored in a horizontal bar chart

See original GitHub issue

Codepen

https://codepen.io/anon/pen/OqRXGB?editors=0010

Explanation

Want to render categories on the right side, they are currently on the left side (S Korea, Canada…)

  • What is the behavior you expect? Setting yaxis: { opposite:true } would render the categories on the right side.
  • What is happening instead? It rendered on the left side
  • What error message are you getting? None, but it only happens when:
bar: {
  horizontal: true 
},

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
junedchhipacommented, Mar 8, 2019

Hi, I just tried drawing the bars opposite way and it was really easy to tweak with some additional code 😃

screen shot 2019-03-08 at 3 30 37 pm

I will test some more, draw the y-axis to the opposite too and will release the feature soon.

0reactions
ignaciojcanocommented, Mar 13, 2019

Awesome, will take a look at it!

Read more comments on GitHub >

github_iconTop Results From Across the Web

yAxis.opposite | highcharts API Reference
The left position as the horizontal axis. If it's a number, it is interpreted as pixel position relative to the chart. Since Highcharts...
Read more >
Chart.js - Draw charts with opposite bars - How to set both the ...
Chart.js - Draw charts with opposite bars - How to set both the y-axis ends to positive number? Ask Question.
Read more >
Bar and horizontal bar reports
This field appears only when Custom chart title position is selected. Axis. Y axis and X axis, Axis to configure the titles, appearance,...
Read more >
How to Sort Your Bar Charts - Depict Data Studio
You can format the horizontal axis. In the Format Axis dialog box, under “Labels” set that to “High”. That should drop the x-axis...
Read more >
Options (Reference) > yaxis - ApexCharts.js
reversed: Boolean. Flip the chart upside down making it inversed and draw the y-axis from bigger to smaller numbers. logarithmic: Boolean.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found