# Orientation
The orientation sets the general direction of the chart.
# Reverse Orientation
Each chart has an initial orientation. Column charts display data from bottom to top. Bar charts display data from left to right (in LTR languages) and from right to left in RTL languages.
You can reverse the initial orientation using the .reverse
class.
It does not matter what's your language writing direction, left-to-right (LTR), right-to-left (RTL) or top-to-bottom (TTB), the .reverse
class will reverse the initial orientation.
<table class="charts-css bar reverse">
...
</table>
1
2
3
2
3
Bar chart with a regular orientation and a reverse orientation:
Year | Progress |
---|---|
2016 | |
2017 | |
2018 | |
2019 | |
2020 |
Open in:
Year | Progress |
---|---|
2016 | |
2017 | |
2018 | |
2019 | |
2020 |
Open in:
Column chart with a regular orientation and a reverse orientation:
Year | Progress |
---|---|
2016 | |
2017 | |
2018 | |
2019 | |
2020 |
Open in:
Year | Progress |
---|---|
2016 | |
2017 | |
2018 | |
2019 | |
2020 |
Open in:
Area chart with a regular orientation and a reverse orientation:
Year | Progress |
---|---|
2016 | |
2017 | |
2018 | |
2019 | |
2020 |
Open in:
Year | Progress |
---|---|
2016 | |
2017 | |
2018 | |
2019 | |
2020 |
Open in: