Bar Chart Component DesignStudio Pro icon

Bar Chart Component

The Bar Chart component allows you to drag and drop a bar chart on the canvas. The bar chart displays data from any field added to the Dashboard view. This component is available when you create or select a Dashboard view.

Dashboard views are available in DesignStudio Pro. Contact your Client Success Manager (CSM) for additional information.

Bar Chart Component

Settings

Bar Chart Settings

The following settings are available.

Bar Chart Settings fields
Field Description Procedure

Title

The title that appears above the bar chart.

Enter between 2 - 50 alphanumeric characters, excluding special characters.

Chart Legend Type

The legend configuration. See Legends and Labels.

  • Legend: Displays the legend below the chart.

  • Label: Displays the label only, below each chart item.

  • None: Labels and legends are hidden.

Select one of the chart formats.

Field Name

A WebEOC field that is used to render the chart data.

Currently, only single fields, not expressions, are supported.

Select one of the fields.

Theme

The color theme to use in the bar chart.

Select one of the following themes:

  • Default

  • Material

  • Summer

  • Winter

  • Spring

  • Autumn

  • Twilight

  • WebEOC List Colors

    These colors are set for list items in WebEOC on the Lists: Edit List Item page. See Create a List for details.

Icons

The following icons are available.

Tool icons and descriptions
Icon Name Description Procedure
Settings Icon

Settings

Displays the Bar Chart Settings window, in which you can modify the bar chart's Title, Field Name, and color Theme.

  1. In Design mode, in a Dashboard view, click the component on the canvas. A toolbar appears on the top right.

  2. Click the icon.

  3. Modify the fields as needed.

  4. Click Done.
Delete Icon

Delete

Deletes the current bar chart.

  1. In Design mode, in a Dashboard view, click the component on the canvas. A toolbar appears on the top right.

  2. Click the icon.