Section 5: Configuring a Bar Chart with Multiple Axes

This tutorial introduces the user to using the NetCharts Designer Bar Chart editor to create a multiple axis display.

NOTE: If you have not already gone thru the Five Minute Report tutorial, you will need to do so now.

When Completed

Your NetCharts Designer perspective will appear like this:
 
bar

Getting Started

Start by closing any open editors. Go to NetCharts Designer’s File menu and select the Close All option.
 
Next, create a new project named BarChartProject. In the NetCharts Designer Project Navigator, find the FastTutorial project. Select the data.ndx file and <ctrl> click on the bar.cdx file. Right click in either to launch the context menu, select Copy from the menu.

NOTE: Multiple selections are done by using the Control (CTRL) key.

 
copy
 
Right click on the BarChartProject, and select Paste to drop the files into the project.

NOTE: You can also drag and drop files between projects but make sure to hold down the CTRL key so that it copies and does not move the files.

 
paste
 
Double click on the bar.cdx file to bring up the bar chart editor and display the chart in the preview browser.
 
bar

Add Multiple Axes

For this tutorial, we will map each of the bar sets to its own axis. In the tree control on the left, click on the ‘+’ next to the Axes node. Select the Left Axes node to display the axis editor. Select theNew Axis button twice to add two more axes. On all three axes, set the Display Size, in the Stacked Axis Layout group to 33%.

NOTE: If the chart does not show all three axes, click on the bar.cdx tab to refresh the preview.

 
bar

Resize the chart

Select the top level node of the tree control, labeled Bar Chart. In the General group, change the width W to 600, and the height H to 350.
 
bar

Add Grids to Each Axis

Select the Grids node from the tree control. Click on New Grid three times to add three separate grids. Click on the Grid1 tab. Confirm the Grid Style is set to basicgrid.
 
grid
 
Select the Grid2 tab. Confirm the Grid Style is set to basicgrid, and now set the Map Horizontal Lines menu to Left2.
 
grid
 
Select the Grid3 tab. Confirm the Grid Style is set to basicgrid, and now set the Map Horizontal Lines menu to Left3.
 
grid

Map the Bar Sets

Select the Bars tree node. In the Bar Sets group, select the New BarSet button twice. Change the Bar Sets Type menu to Rows.
 
bar
 
Select the Bar Set 2 tab. In the Axis Mapping group, change the bottom menu to Left 2 and choose a color from the Color button in the Bar Set Properties group. Select the Bar Set 3 tab. Change the Axis Mapping bottom menu to Left 3 and choose a color.
 
bar
 
This chart may now be exported or included within other page presentations.