Working with Multi-Axis Bar Charts
|
|
The Multi-Axis Bar Chart behavior requires that you have a two specific Whole Number or Decimal Number properties on your object which are used to store the values you want displayed on the chart. |
|---|
The Multi-Axis Bar Chart behavior displays a simple bar chart on your Index Page, which compares the values of two properties of the objects referenced.
The chart has two scales, one for each property shown.
To create a Multi-Axis Bar Chart on your Index Page:
|
|
Make sure you use the Filter Properties controls on the Object Type node to ensure you filter the list of displayed objects so that not too many are returned. Always use lower case to enter Scriptnames. |
|---|
-
On the Object Type node, in the Selected Properties area, select the two properties you want to be referenced on the chart
-
Ensure the Layout node for your element is set to List (Empty)
-
Right-click the Layout node and choose Add Behaviors > Bar Charts > Bar Chart (Multi-Axis)
A Bar Chart (Multi-Axis) node is added below the Layout node
-
Select the Bar Chart (Multi-Axis) node and set the properties:
-
Use the Node Name field to set the title of the chart as it is displayed in the web page.
-
Use the Value Axis-1 field to enter the Scriptname of the first property you want to be displayed.
-
Use the Value Axis-2 field to enter the Scriptname of the second property you want to be displayed.
-
Use the Axis-1 Unit field to enter the name of the unit that is displayed for the first property.
-
Use the Axis-2 Unit field to enter the name of the unit that is displayed for the second property.
|
|
The name displayed on the legend at the top of the bar chart is taken from the Name of the Property Types you are referencing. |
|---|
-
Use the Direction drop-down to choose whether you want the chart to be displayed horizontally or vertically
-
Use the Legends Min/Max/Step field to specify the scale of each axis, setting the low end of the scale, the top end of the scale and the interval value - using for format low:high:int,low:high:int
For example 0:100:10,0:500:100 means that Axis 1 starts at zero and ends at 100 with steps of 10 units, while Axis 2 starts at zero, ends at 500 and has steps of 100.
-
Use the Hide Empty Data check box to specify that the chart should not display any objects where the two properties referenced have no value
-
Save your Site.
The Site is saved and the chart is created.