This tutorial demonstrates the Chart Designer that allows you and your end-users to customize or create a chart from scratch. This lesson demonstrates the steps required to create a simple unbound chart using the designer.
In this section, you add the second series to the chart and populate both series with points.
Select Series 1 in the tree and, in the Options tab, specify Population as the series's display name.
Expand the Population series options using the expand button and select the Points item.
In the Data tab, populate Argument and Value columns with data as follows:
Then, add the second series to the diagram (for example, the Area series). For this, do the following:
Click the Series item's Add button in the Elements Tree. In the invoked dialog, click the Area 2D series type. This adds the Area series (Series 2) to the chart with randomly generated data. Note that the arguments' axis scale type is defined based on the first series's qualitative data. The second series is hidden because it has numeric arguments.
Specify the second series's display name as Area.
Click the Clear Series Data button to clear automatically generated data.
Then, define the Area series points' data as follows:
Step 3. Customize the Chart
This section provides the steps allowing you to customize your chart's appearance.
Displaying Series in Separate Panes
The following steps show how to display each series in a separate pane:
Expand the Panes item. Click the Additional Panes item's Add button to create a new pane.
Select the Area series in the Elements Tree. In the Options tab, locate the Pane option, and in its drop-down list, select the Pane #1 item.
Adding a Secondary Axis
You can add and customize a secondary axis by performing the steps below:
Expand the Axes item. Click the Secondary Axes Y item's Add button to add a secondary y-axis.
Select the Area series. In the Options tab, set the Axis Y option to Secondary Axis Y #1 using the option's drop-down list.
Select the Secondary Axis Y #1 in the Elements Tree. Then, set the axis's Alignment option to Near.
The following image displays the results. Click the Save and Exit button to apply all the changes and close the designer.