Zero Plane

Zero plane is a plane separating the positive and negative numbers on the y-axis of a chart; it is rendered by default in a chart that plots both negative and positive values.

The zero plane appears in the column, line, scatter, bubble and the area charts. Additionally, scatter chart and bubble chart also support vertical zero plane on the x-axis.

This article talks about:

  • Customizing the zero plane in a 2D and 3D chart

  • Configuring the vertical zero plane in the Scatter and Bubble Charts

  • Showing/hiding the zero plane values, and

  • Showing/hiding the zero plane

Customizing the Zero Plane in a 2D and 3D chart

Zero Plane in a 2D chart

A column 2D chart with customized zero plane looks like this:

FusionCharts should load here..

Given below are the attributes used to customize the zero plane in a 2D chart:

Attribute Description
zeroPlaneColor If specifies the hex code for the color that will be used to render zero plane. e.g. #00ffaa.
zeroPlaneThickness Sets the thickness of zero plane(in pixels).
zeroPlaneAlpha Sets the transparency of zero plane. Can take values from 0 (transparent) to 100 (opaque).

The data structure used, in the example above, to customize the zero plane of a 2D chart is shown below:

...

Zero Plane in a 3D chart

A column 3D chart with a customized zero plane looks like this:

FusionCharts should load here..

Given below are the attributes used to customize the zero plane in a 3D chart:

Attribute Description
zeroPlaneColor If specifies the hex code for the color that will be used to render zero plane. e.g. #00ffaa.
zeroPlaneAlpha Sets the transparency of zero plane. Can take values from 0 (transparent) to 100 (opaque).
zeroPlaneShowBorder Set this to 1 to show the border of zero plane and 0 to hide it.
zeroPlaneBorderColor It specifies the hex code of the color that will be used to render the border of the zero plane e.g. #00ffaa.

The data structure used, in the example above, to customize the zero plane of a 3D chart is given below:

...

Configuring the vertical zero plane in the Scatter and Bubble Charts

Zero Plane is the line/plane that appears at zero x-position on canvas, when negative data is being shown on the chart. You can configure vertical zero planes for scatter and bubble charts.

A scatter chart with customized vertical zero plane looks as below:

FusionCharts should load here..

Given below are the attributes used to render and customize the vertical zero plane:

Attribute Description
showVZeroPlane Set this to 1 to show vertical zero plane and 0 to hide it.
vZeroPlaneColor It specifies the hex code for the color that will be used to render the vertical zero plane e.g. #00ffaa.
vZeroPlaneThickness Sets the thickness of the vertical zero plane(in pixels).
vZeroPlaneAlpha Sets the transparency of vertical zero plane. Can take values from 0 (transparent) to 100 (opaque).

The data structure used, in the example above, to customize the vertical zero plane in a scatter chart is given below:

...

Showing/hiding the zero plane value

FusionCharts Suite XT allows you to show or hide the data value ('0') where the zero plane exists on the y-axis. A column 2D chart with the zero plane value hidden is shown below:

FusionCharts should load here..

Given below is the attribute used to hide the zero plane value:

Attribute Description
showZeroPlaneValue Set this to 1 to show zero plane value and 0 to hide it.

The data structure used, in the example above, to hide the zero plane value is given below:

...

In dual y-axis charts, showPZeroPlaneValue attribute of the chart object is used to show/hide the zero plane value for the primary y-axis and showSZeroPlaneValue is used to show/hide the zero plane value for the secondary y-axis.

Showing/hiding the zero plane

Zero plane can be removed in the line, scatter and bubble charts but not in the column and area charts because they use it as their base to draw. A scatter chart with the vertical zero plane hidden is shown below:

FusionCharts should load here..

Given below are the attributes used to show or hide the zero plane:

Attribute Description
showZeroPlane Set this to 1 to show horizontal zero plane and 0 to hide it.
showVZeroPlane Set this to 1 to show vertical zero plane and 0 to hide it.

The data structure used, in the example above, to show/hide zero plane in a scatter chart is given below:

...