Creating a Bar Chart Widget
The bar chart is commonly used to compare multiple items. Bar charts display categories
or items (descriptive data) along the y-axis and their values on the x-axis. You can
also group the values by another category.
- Click , the Dashboards tab, and select a dashboard from the list.
- In the Widget library panel, click , the Create new widget button, to create a widget and open it in the Widget Designer.For more information, see Creating Widgets.
- In the Widget Designer, select Bar Chart from the list of widget types in the top-left corner.
- In the data panel on the left, add data to the widget:
- In the Categories section, click , the Add button, and select the field whose values you want to place on the y-axis.Usually, the y-axis in a bar chart is used for descriptive data.
You must add at least one item to the y-axis. You can add at most two items. When you add two y-axis items, the two y-axes are combined.
- In the Values section, click , the Add button, and select the fields whose values determine the length of the bars.Usually, the values in a bar chart represent numeric data.
You must add at least one field in the Values section. When you add more than one field, each item is represented in the chart by its own color and bar.
Note: If one of the values uses a considerably different scale, you can add it to the right axis. Click , the Options button, and select Show on Right Axis. - In the Break by section, click , the Add button, and select the field that you want to use to group the data represented in
the chart.Each group is represented by a different bar and is automatically added to the chart legend.
You can use a Break by field under these conditions:
- You can add only one Break by field.
- The Break by option is available only when a single field is selected in the Values section.
- If you used the Break by option, you can select only one field in the Values section.
- In the Categories section, click , the Add button, and select the field whose values you want to place on the y-axis.
- In the Design tab on the right, customize the appearance of the widget:
- Under Bar Type, specify how the bars are represented in the widget.
- Classic: Bars are displayed side by side.
- Stacked: Bars are stacked one next to the other and do not overlap. You can hover over the bars to see the percentage distribution among the values.
- Stack 100: Bars are stacked one next to the other and do not overlap. The combined bar is stretched to represent 100%. This option is most commonly used when the relative distribution of the values is more important than their aggregation.
- Under Legend, specify whether to show or hide the legend and set its position.
- Under Value Label, specify whether to show or hide labels with values and set their orientation.
- Under X-Axis, specify whether to show or hide the x-axis and select the graphical elements that
you want to include.These options are available:
- Grid Lines: Displays grid lines on the x-axis.
- Labels: Displays labels on the x-axis.
- Title: Displays the x-axis title. You can use the default title or enter a different title in the text box.
- Under Y-Axis, specify whether to show or hide the y-axis and select the graphical elements that
you want to include.These options are available:
- Grid Lines: Displays grid lines on the y-axis.
- Logarithmic: Displays the data using orders of magnitude.
- Labels: Displays labels on the y-axis.
- Title: Displays the y-axis title. You can use the default title or enter a different title in the text box.
- Min, Max, Intervals: To change the default minimum, maximum, or interval values on the y-axis, enter new values in the text boxes. To restore any of the values to their default states, click , the Reset button.
- Under Auto Zoom, enable or disable the automatic zoom function.When a widget contains more data than can be displayed in the view, the Auto Zoom option resizes the chart automatically and, if necessary, displays a zoom bar. The zoom bar lets you scroll right and left or up and down and zoom in and out of different parts of the widget.
- Under Bar Type, specify how the bars are represented in the widget.
- Click Apply.