Previous Topic Next Topic

Creating Scrollable Charts

In a scrollable chart, values displayed on the chart are not fixed. A scrollbar on the scrollable chart can help you to control the visible value range on the category (X) axis of the chart. This is often used where the category axis is a date or a time such as stock quotes; however, it can be used with any type of value. As shown below, any time the number of categories may become too large to be easily identified on the screen, consider adding a scrollable option.

Scrollable charts are supported on charts of the Bar, Bench, Line and Area types in web reports and library components only.

To make a bar, bench, line or area chart scrollable:

1. Right-click on any element of the chart and select Scrollable Chart from the shortcut menu to display the Scrollable Chart dialog.

   

2. Select the Enable Scrollable Chart option to use a scrollbar to control the number of visible values on the category axis.
3. Specify how many data items will be selected on the scrollbar and displayed on the category axis by default in the Number of Visible Values box, then specify the percentage the scrollbar occupies the whole size of the chart.
4. Specify whether to show the thumbnail chart in the scrollbar.
5. Specify whether to recalculate the scale of the value (Y) axis when the the value of the option Number of Visible Values is changed.
6. Select OK to apply the settings for the chart.

Example of creating a scrollable chart

1. Make sure SampleReports.cat is the currently open catalog file. If not select File > Open Catalog to open it from <install_root>\Demo\Reports\SampleReports.
2. Select File > New > Web Report to create a web report.
3. Insert a chart in the web report as follows:
• Use WorldWideSalesBV in Data Source 1 of the catalog as the data source.
• Display in the Clustered Bar 2-D chart type.
• Show Sales Month on the category axis and Total Sales on the value axis.
• Apply the Classic style.
4. Save the report and select the View tab to preview the chart. The chart appears as follows:

   

5. Select the Design tab to return to the design mode.
6. Right-click on any bar and select Scrollable Chart from the shortcut menu.
7. In the Scrollable Chart dialog, select Enable Scrollable Chart, set Number of Visible Values to 10 and Percentage of Scrolling Area Height to 10%. Keep the other two options selected and select OK to apply the settings and leave the dialog.

   

8. Save the report and select View > Preview As > Web Report Result. The chart appears as follows in Web Report Studio:

   

9. From the report result above, we can see only 10 total sales values. To change the data items displayed on the X axis, drag the highlighted section on the scrollbar, or resize the width of the section by dragging its left or right edge.

   

10. To go back to the initial state of the chart, select the arrow at the upper right corner of the chart paper.

Previous Topic Next Topic