The inverse y-axis charts are similar to the normal FusionCharts Suite XT charts, except that the y-axis in these charts is inversed; the lower limit and upper limit value positions are swapped in an inverse y-axis chart.
The chart below shows you the difference between a normal and an inverse y-axis chart:
The chart is rendered with two radio buttons: Inverse Multi-series Column 2D Chart and Multi-series Column 2D Chart. When the first radio button is selected, the chart is rendered with an inverse y-axis; when the second one is selected, the chart is rendered with a normal y-axis. Observe that when you render the inverse y-axis chart, the lower limit value is rendered at the top and the upper limit value is rendered at the bottom - inverse of how it is rendered for a normal y-axis chart.
The data structure needed to render this chart is given below:
The FusionCharts Suite XT includes the following three types of inverse axis charts:
Inverse Y-axis Column Chart
Inverse Y-axis Area Chart
Inverse Y-axis Line Chart
You have seen how an inverse y-axis column chart looks.
An inverse y-axis multi-series area chart looks like this:
The data structure needed to render an inverse y-axis multi-series area chart is given below:
An inverse y-axis multi-series line chart looks like this:
To render an inverse y-axis multi-series line chart, set the value of the type attribute to inversemsline
There! You have now seen how you can create inverse y-axis charts.