All Products
Search
Document Center

Quick BI:Combination Chart

Last Updated:Apr 29, 2024

A combination chart displays data series of different magnitudes by using two axes. A combination chart can be a combination of line charts, vertical bar charts, and area charts in stacked or 100% stacked mode. For example, you can use a combination chart to compare the changes of different projects. This topic describes how to add data to a combination chart and how to configure the style of a combination chart.

Prerequisites

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

Overview

  • Use Scenarios

    • Trend widgets are used to display continuous data that changes over a specified period of time. You can use trend widgets when you want to show the overall trend of data at equal intervals.

    • An area chart helps you learn the overall trend of data over a period of time. For example, data increases, decreases, periodically changes, or exponentially increases over a specific period of time.

  • Benefits

    • Powerful computing capabilities: A combination chart allows you to configure parameters, such as Comparison, Cumulative Calculation, Gridlines, and Trendline.

    • Abundant data visualization: The type of a combination chart can be a line chart, an area chart, a stacked area chart, and a 100% stacked area chart. A combination chart allows you to configure parameters, such as Label, Show Legend, and Show Scroll Bar.

    • Data comparison and labeling: A combination chart allows you to compare data in the same period and label data by using numbers.

  • Example of combination charts组合图效果图

Configure a combination chart

  1. On the Data tab, select dimensions and measures based on your business requirements.

    • In the measure list, double-click the order_amt measure. You can also drag this measure to the Primary Measures field.

    • In the measure list, double-click the profit_amt measure. You can also drag this measure to the Secondary Measures field.

    • In the Dimension list, double-click the order_date(year) dimension. You can also drag this dimension to the Category Axis (Dim.) field.

  2. Click Update to create the LBS heat map.

    image..png

  3. (Optional) If you want to view the data of only a few cities, you can set filters to filter the required data. image

  4. Auto Refresh

    After you select Auto Refresh, the system refreshes the bubble chart as scheduled. For example, if you select Auto Refresh, enter 5, and then select Minutes, the system refreshes the bubble chart every 5 minutes.

Configure the style of a combination chart

  • You can change the chart style on the Fields tab of the Chart Design page.

    In this example, select Line as the chart type for profit_amt in the Secondary Measures field.线-311

    You can also move your pointer over Standard to change the stacking mode of the chart.常规-311

  • The following section describes how to configure the styles of an LBS heat map. For information about the common style settings of charts, see Configure the chart title.

    You can enter a keyword in the search box at the top of the configuration section to search for configuration items. You can also click image..pngExpand /Collapse All Categories in the right-side chart.

    柱体..gif

  • In the drawing area, set the chart style.

    image..png

    Chart configuration items

    Description

    Color Settings

    You can set the color for a combination chart.

    Display Direction

    You can set the Chart Direction parameter to Horizontal or Vertical.

    Alignment

    If the chart orientation is Vertical, you can set the chart alignment mode to Align Left or Align Right.

    image..png

    Line

    You can set the line type to Curve or Line. You can also set the Marked Points parameter to Show, Style, and NULL Method.

    image..png

    Column

    You can set the width of the column.

    条形图主题宽度..gif

    Mobile client is selected by default

    If you select this option, you can select Global Last Dimension Value or Last Dimension Value of Specified Series for Default Selected Items.

  • In the Axes section, select Show Axes by default.

    You can select Show secondary Y-axis. The specified secondary Y-axis takes effect only when the number of added measures is greater than or equal to 2. If you select this option, Right Y Axis appears in the Axes section.

    image..png

    Parameter

    Parameter

    X-axis

    Display x-axis

    Set whether to display x-axis.

    Show Title and Unit

    Specifies whether to show the title and unit of the X-axis.

    Show Value

    Set whether to display labels on the x-axis, axis label display rules, and text style.

    Displayed content

    Set Display Content to Some or All Dimensions.

    image.png

    Show Scale

    Sets whether tick marks are displayed on the x-axis.

    Show Axis

    Specifies whether to display the X-axis, including line style, line width, and color of the X-axis.

    Gridlines

    Specifies whether to show gridlines on the X-axis, including the line style, line width, and color of the X-axis.

    Left Y-axis

    Y-axis Scale Flip

    You can set the flip y-axis scale value.

    组合图-Y轴翻转..gif

    Show Left Y-Axis

    Set whether to display the left Y-axis.

    Show Title and Unit

    Set whether to show Axis Title and Unit.

    Show Value

    Specifies whether to display labels on the left Y-axis. You can also set the Label, Scale Range, and Axis Label formats.

    Show Scale

    Specifies whether to show scales on the axis.

    Show Axis

    Specifies whether to show the left y-axis, including the line style, line width, and color of the left y-axis.

    Gridlines

    Specifies whether to show gridlines on the left y-axis, including the line style, line width, and color of the left y-axis.

    Axis Value Range and Interval

    • You can set the Maximum /Minimum value of the left Y-axis label and scale range based on Automatic or Manual Settings.

    • You can set the Custom Interval to By step size or By Equal Number.

    99.gif

    Note

    The parameters on the Right Y-axis tab must be configured only if you select Dual Y-Axis in the Chart Style section. The parameter configuration on the Right Y-axis tab is the same as those on the Left Y-axis tab.

  • In the Legend section, specify whether to show the legend and the legend style.

    • PC-side configuration

      image..png

      Chart configuration items

      Description

      Position

      Set the legend display position. The following four legend rendering methods are supported.

      image

      Text

      Sets the legend text style.

    • Mobile terminal configuration

      Chart configuration items

      Description

      Position /Multi-line Display

      If you select Multi-line Display, you can view metrics in multiple lines. For example:

      Untitled.gif

      If you select Multi-line Display and Measure Name is long and hidden, you can use the Text Display feature. Example:

      image.png

      Position /Row Tile Display

      If you select this check box, you can set Metrics to One Line Tile.

      Untitled.gif

      Metric Display

      If the metric is not selected, the display effect is “-” by default. You can switch to Empty.

      Untitled.gif

  • In the label, set whether to display the label and the label style.

    image..png

    Chart configuration items

    Description

    Full Display

    Set whether to display full label.

    Text

    Sets the label text style.

  • In the Tooltip section, configure the tooltip mode.

    image.png

    Chart configuration items

    Description

    Display mode

    The display mode of the prompt information. You can select By Single Data Point or By Dimension Value.

    Description

    If the display method is By Single Data Point, Proportion is supported.

    If you set the Display Method parameter to By Dimension, you can set this parameter to Total or Proportion.

    When the secondary value axis /measure is dragged into the field, you can set the contents of the left and right Y axes separately.

    Background color

    Set the background color.

    Text

    Sets the prompt text style.

    Note

    Switch to the layout of the mobile terminal. You can control whether to display tooltips on the mobile terminal. image.png

  • In the Series Settings section, configure the series. The following table describes the parameters.

    image..png

    Note

    You must configure Display Name and Number Formatting in the Series Settings section only if Color Legend (Dim.) is used.

    Chart configuration items

    Description

    Series

    The series. You can specify a measure or dimension based on your business requirements.

    Display label

    Specify whether to display label, including the label color and position.

    Show Boundary Values

    Specifies whether to show the labels of the minimum and maximum values in the line chart.

    Note

    This parameter is unavailable in stacked area charts and 100% stacked area charts.

  • In the Auxiliary Display section, configure the display mode of the thumbnail axis.

    image..png

Chart analysis configuration

Parameter

Data type

Description

Data interaction

Drill

If you have set the drill-down field in the Fields panel, you can set the drill-level row display style here.

Linkage

If the data that you want to analyze belongs to different charts or tables, you can configure this feature to associate the charts and tables, and then analyze the data. For more information, see the "Configure the filter interaction feature" section in Drilling, filter interaction, and hyperlink.

Hyperlink

If the data that you want to analyze belongs to different dashboards, you can configure this feature to associate the dashboards, and then analyze the data. You can set the Hyperlink parameter to Parameter or External Link. For more information, see the "Configure the hyperlink feature" section in Drilling, filter interaction, and hyperlink.

Metric Analysis

Gridlines

An auxiliary line can be used to show the difference between the value of a measure and the reference value indicated by the auxiliary line. The reference value 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 Metric analysis.

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

-

If data in a chart is abnormal or requires additional attention, you can highlight the data or add icons, notes, or data points. This helps you detect exceptions and perform subsequent operations. For more information, see Label.

Limits

When you create a combination chart, you must specify Primary Measures, Secondary Measures, Category Axis (Dim.), and Color Legend (Dim.).

  • You must specify at least one measure for Primary Measures and at least one measure for Secondary Measures, such as order_amt or profit_amt.

  • You must specify at least one dimension for Category Axis (Dim.), such as order_date(year).

  • You can specify only one dimension for Color Legend (Dim.), such as shipping_type.

    Note

    You can specify Color Legend (Dim.) only when Primary Measures or Secondary Measures has one measure.

What to do next

  • You can share a dashboard with specific users. For more information, see Share a dashboard.

  • If you want to create a navigation menu for thematic analysis, you can integrate your dashboard into a business intelligence (BI) portal. For more information, see Create a BI portal.