This topic provides an overview of vertical bar charts and an example on how to use vertical bar charts. This topic also describes how to configure vertical bar chart styles and how to delete a vertical bar chart.

Prerequisites

A dashboard is created. For more information, see Create a standard dashboard.

Overview

A vertical bar chart shows the changes of data over time and compares the data of different categories. For example, you can use a vertical bar chart to compare the traffic flow at an intersection in different periods of time.

A vertical bar chart is similar to the Line chart. When you create a vertical bar chart, you must specify Value Axis (Mea.), Category Axis (Dim.), and Color Legend (Dim.).
  • You must specify at least one dimension for Category Axis (Dim.).
  • You must specify at least one measure for Value Axis (Mea.).
  • You can specify only one dimension for Color Legend (Dim.).
    Note Color Legend (Dim.) can be used only when Value Axis (Mea.) has one measure.
Effect diagram

Example

The following example shows how to use a vertical bar chart to compare the shipping costs of different products in East China. In this example, the company_sales_record dataset is used.

  1. Perform the operations shown in the following figure to create a dashboard. Create a dashboard
  2. In the Create Dashboard dialog box, select Standard or Full Screen, and click OK.
    In this example, Standard is selected. Confirmation message
  3. On the dashboard edit page, click the Vertical bar chart icon.
    A vertical bar chart is automatically displayed in the dashboard display area. Vertical bar chart - 3.11
  4. On the Data tab in the Graphic Design section, configure data for the vertical bar chart.
    1. Double-click the required dimensions and measures, or drag them to the destination fields.
      • In the Dimensions list, double-click province. You can also drag this dimension to the Category Axis (Dim.) field.
      • In the Dimensions list, double-click product_type. You can also drag this dimension to the Color Legend (Dim.) field.
      • In the Dimensions list, double-click area. You can also drag this dimension to the Filters field.
      • In the Measures list, double-click shipping_cost. You can also drag this measure to the Value Axis (Mea.) field.
    2. Click the icon next to area in the Filters field to configure filters.
      In this example, Filter Method is set to By Enumeration, Query Mode is set to Single Choice, and Filter Condition is set to East China. 1
  5. Click Update to update the vertical bar chart.
    Update - 3.11

    You can click the 1 icon next to Value Axis (Mea.) to modify the display name, aggregation method, and value display format of a measure. For more information, see Configure a chart.

  6. On the Style tab, configure parameters in the Basic Information, Chart Style, Functionality, Axes, and Series Settings sections.
    For more information, see Configure vertical bar chart styles.
  7. On the Advanced tab, configure parameters in the Advanced Settings, Metric Analysis, and Label sections.
    Parameter Option Description
    Advanced Settings Auto Refresh After you select Auto Refresh, the system refreshes the vertical bar chart as scheduled. For example, if you select Auto Refresh, enter 5, and then select Minutes, the system refreshes the vertical bar chart every 5 minutes.
    Filter Interaction After you configure Filter Interaction and click an area or field in the vertical bar chart, data in other charts that are associated with this chart is updated. For more information, see Configure the filter interaction feature.
    Hyperlink After you configure Hyperlink, you are directed to the linked report when you click a field in the vertical bar chart. You can set Hyperlink to Parameter or External Link. If you select Parameter, you must configure global parameters. For more information, see Configure the hyperlink feature.
    Metric Analysis Auxiliary Line Auxiliary lines can be used to show the difference between the value of a measure and the reference value indicated by an auxiliary line. The reference value indicated by an auxiliary line can be a fixed value or a calculated value. You can use the following calculated values: average, maximum, minimum, and median. For more information, see Auxiliary line.
    Trendline A trendline displays the overall trend of the data that you selected. Quick BI provides the following types of trendlines: Intelligent, Linear, Logarithmic, Exponential, Polynomial, and Power. For more information, see Metric analysis.
    Label - Labels are used to mark the values of a specific dimension in the vertical bar chart. For more information, see Label.
  8. Click Save in the upper-right corner of the page to save the settings.

Configure vertical bar chart styles

  • In the Basic Information section, configure Show Title and Description, Description, Endnote, and Show Link.
    Note If Show Link is selected, you also need to configure Link Text and Link Address. If you click a field in the vertical bar chart, you are redirected to the linked report or an external link.
    You can switch among Vertical Bar Chart, Stacked Vertical Bar Chart, and 100% Stacked Vertical Bar Chart. Chart Type
  • In the Chart Style section, modify the chart style as required.
    Parameter Description
    Show Labels Options: Smart Display and Full Display.

    You can select Show Labels to show all the measure labels.

    Label Display Mode Options: Smart Display and Full Display.
    • If a chart has a large number of dimensions and the scroll bar is not displayed, select Smart Display to show only some labels.
    • If a chart has a small number of dimensions or the scroll bar is not displayed, select Full Display to show all the labels.
    Show Legend The following five display modes are available. The legend display mode.
    Color Settings You can configure the color for the vertical bar chart. Color - 3.11
    Dual Y-Axis Specifies whether to show two Y axes in the vertical bar chart.
    The dual y-axis takes effect only when two or more measures are added. Dual Y-axis - 311
    Note If you select Dual Y-Axis, Right Y-Axis appears in the Axes section.
    Axes
    Stacked and 100% Stacked Options: Vertical Bar Chart, Stacked Vertical Bar Chart, and 100% Stacked Vertical Bar Chart. Vertical bar chart switching - 3.11
  • In the Functionality section, configure Show Scroll Bar and Dimension Value Sampling. 311
  • In the Axes section, configure axis styles.
    Parameter Option Description
    X-Axis Axis Title The title for the x-axis.
    Unit The unit for the x-axis.
    Show Title and Unit Specifies whether to show the title and unit of the x-axis.
    Show Axis Specifies whether to show the x-axis, including the line style, line width, and color.
    Show Value Specifies whether to show label values on the x-axis.
    Gridlines Specifies whether to show gridlines on the x-axis, including the line style, line width, and color.
    Show Scale Specifies whether to show scales on the x-axis.
    Left Y-Axis Axis Title The title for the left y-axis.
    Unit The unit for the left y-axis.
    Minimum and Maximum Specifies whether to show the minimum and maximum values on the left y-axis.
    Note If you select Default, the minimum and maximum values are automatically displayed on the left y-axis. If you clear Default, you must manually configure the minimum and maximum values on the left y-axis.
    Auto Magnify Value Differences Specifies whether to magnify the value differences on the left y-axis.
    Note If Auto Magnify Value Differences is selected, the axis range is adjusted based on the minimum and maximum values of the displayed data.
    Show Title and Unit Specifies whether to show the title and unit of the left y-axis.
    Show Axis Specifies whether to show the left y-axis, including the line style, line width, and color.
    Y-axis Label Settings The display formats for labels on the axis. Options: AutoFit, Custom, and Manual.
    Note You can also configure multiple measure display formats on the Data tab. For more information, see Configure a chart.
    Show Value Specifies whether to show label values on the left-y axis.
    Gridlines Specifies whether to show gridlines on the left y-axis, including the line style, line width, and color.
    Show Scale Specifies whether to show scales on the left y-axis.
    Note If you select Dual Y-Axis in the Chart Type section, the Right Y-Axis tab appears. For more information about how to configure parameters on this tab, see the description of the Left Y-Axis.
  • In the Series Settings section, configure the series.
    Note You need to configure Display Name, Axes, and Number Formatting in the Series Settings section only when Color Legend (Dim.) is used.
    Parameter Description
    Series The series. You can select one of the measures that you added to the Value Axis (Mea.) field.
    Display Name The alias for a measure that is displayed in the vertical bar chart.
    Axes Options: Default, Primary Axis, and Secondary Axis.
    Note The Axes parameter appears only when you select Dual Y-Axis in the Chart Style section
    Show Labels Specifies whether to show labels and label colors.
    Show Boundary Values Specifies whether to show the labels of the maximum and minimum values in the vertical bar chart.
    Number Formatting The display format of numbers. Options: AutoFit, Custom, and Manual.
    The following figure shows the updated vertical bar chart. Updated vertical bar chart

Delete a chart

  1. Click the More icon in the upper-right corner of the line chart.
  2. Select Delete. The line chart is deleted.