Reverse X axis without reversing X axis labels? #11645
Unanswered
erikslatter
asked this question in
Q&A
Replies: 1 comment
-
There is a settings on how to reverse scale: https://www.youtube.com/watch?v=IYcK22vsFxU&ab_channel=ChartJS |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello, I'm making a horizontal bar chart for a web app. I need the bars to extend from the right side of the chart without reversing the X axis labels, so that the bars come out to reach their value. This would mean a large number has a small bar, and a small number has a large bar.
How can I do this with chart JS?
Image of current look:
![firefox_vLtMjKTbly](https://private-user-images.githubusercontent.com/39570706/298699526-d7a901fe-31b8-4f6d-9f92-0bb39e98a041.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4OTg2MDksIm5iZiI6MTcxOTg5ODMwOSwicGF0aCI6Ii8zOTU3MDcwNi8yOTg2OTk1MjYtZDdhOTAxZmUtMzFiOC00ZjZkLTlmOTItMGJiMzllOThhMDQxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAyVDA1MzE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ4NmIwNmI5OWM4ZWYyZjA3ODEwMzBmODRiYWQ4ODU4MGZmZmYwZDFkYzAwMWZmMzI0ZjBiNzFkYjUwMzA3YTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.GUldkAtJUzu9F2IyCPc2jo1qq6tvQwr-477hoo4Pm6I)
Poorly photoshopped image of desired look:
![firefox_lRg8e4KmrM](https://private-user-images.githubusercontent.com/39570706/298699583-ab6ffc55-dcd7-4c34-a117-b16497fa3ac6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk4OTg2MDksIm5iZiI6MTcxOTg5ODMwOSwicGF0aCI6Ii8zOTU3MDcwNi8yOTg2OTk1ODMtYWI2ZmZjNTUtZGNkNy00YzM0LWExMTctYjE2NDk3ZmEzYWM2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAyVDA1MzE0OVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWMwMWI3MTI3NTJkYTJmOTQxNDkzMmVlN2IyNGVmYTA2OWQxNDdkMDliMDM5NmViNTQ2NjQ4NTM1MjJiMGExMTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.UQppK0cXPhbMAqi0yIDWHzhjAgvU6yD-Pw27MIh6fgM)
Beta Was this translation helpful? Give feedback.
All reactions