Configuring Settings for Studio Reports Charts

Chart – Settings Tab

Chart type, visual effects and legend related settings are done on Settings tab.

Settings tab has the following three sub-tabs:

• General

• Effects

• Legends

Chart Provider – Select the preferred chart provider (CanvasChart Javascript or AmChart Javascript)

Note: With CanvasChart, if user selects 3D charts, they are backward compatible to 2D charts and will be displayed in 2D.

Real-time charts are not supported by CanvasJS and hence will be rendered using AmChart Library.
CanvasJS library is supported only on the Intellicus Web Studio

Select Chart type from the list available.  Click the respective chart type to select it.

Figure 5: Chart Settings – General Tab

General Tab

Title

• Text: Specify text that will appear as title of the chart.

• Font: Font properties for the title text.

• Fore Color: Select text color for the chart.

Chart Margins

Specify space to be kept blank from Left, Right, Top and Bottom edges of chart component.

Figure 6: Chart > Settings > General tab

Top (N)

By specifying Top (N) details you can limit number of data points plotted on chart.  For example, if you have 100 products, but want to plot product having highest 5 sales, specify Top (N).

Field: This dropdown lists all the fields selected for X axis and Y axis.

N = The number of data points to be plotted.

Sort Order: Select ‘Ascending’ to plot lowest of the ‘N’ values.  Select ‘Descending’ to plot highest of the ‘N’ values.

Auto Format: Select (check) this check box to automatically apply these formatting aspects:

Multicolor

• Label Angle (Axis > Style)

• Chart Margins (Settings)

• Angle (Series > Point labels)

Theme: To apply pre-configured color combination (theme) on the chart.

Chart Color: To specify different chart colors at report level. This enables report designers to apply custom colors in a stacked chart. This removes the limitation of chart rendering with global colors.

Note:

• Option to create a Chord Diagram would be visible for AmChart JavaScript chart provider only.

• You cannot split a chord chart.

• Chord diagram is not suitable for large datasets, it may give unrealistic results otherwise.

Effects tab

Figure 7: Chart Settings – Look and feel effects

3D chart: Select this checkbox to have the chart having three-dimensional effect.

3D Depth: Set depth of the third dimension.

Figure 8: Chart Settings > Effects tab

3D Wall Gradient: Select this checkbox if you want gradient effect on wall.

Embedded in HTML: The way chart should be embedded when report is viewed as HTML.  Select ‘Image (Jpeg)’ to embed image as a JPEG format image.  Select ‘Flash’ to embed image as a flash animation.

Animation time: Applicable when Embedded in HTML is set as Flash.  Specify time in second for which animation should continue.

Stacked Bar: Applicable for bar charts.  Select ‘Side by side’ to place bars one besides other, Accumulated to place bars one above other, select ‘Percentage’ to have accumulated in percent form.

Grid Style: Select the grid style among options – Horizontal, Vertical, Both or Secondary Y-axis.

Select colors for Chart area (Chart Area Color), plot area (Plot Area Color) and alternate color for plot area (Alternate Plot Area).

Legends tab

Legend related settings are done on Legend tab of the Settings tab.

Figure 9: Setting – legends

Figure 10: Settings > Legends tab

Legend

Visible: Select to make legends to appear (visible) on chart.

Font: Select font properties for legend text.

Legend Margin

Align: Select placement option for legend text from Left, Right, Top or Bottom.

Width and Height: Setup width (top and bottom alignment) and height (left and right alignment) of legend box.

Tip: You may need to change chart margins (Settings > General tab on Chart Properties dialog) to get actual effect of Width / Height of Legend box.

Legend Color

Select color options for Back color of legend box and Fore color of legend box.