Inverse Y-axis Chart

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:

FusionCharts should load here..

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:

FusionCharts should load here..

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:

FusionCharts should load here..

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.