Dynamic Bar Chart

更新时间:
复制 MD 格式

Dynamic bar charts animate top-ranked bars over time. Add data and configure styles to visualize ranking changes across time periods.

Prerequisites

A dashboard is created. Create a Dashboard.

Chart Overview

Scenarios

Visualize ranked data changes over time with animated playback. Example: track top sales ranking shifts over a period.

Benefits

  • Visualization: Animate data playback along a timeline.

  • Annotation: Add metric annotations, endnotes, and jump links to external systems.

Example

image

Limits

A dynamic bar chart consists of Value Axis/Measure, Category/Dimension, and Playback Axis/Time Dimension:

  • Value axis: one measure maximum (e.g., order amount).

  • Category: one dimension maximum (e.g., province or product type).

  • Playback axis: exactly one dimension with date information (e.g., order date).

  • Maximum 20 data entries.

Configure Chart Data

  1. Select the required dimension and measure fields.

    • In the Measures list, find Order amount. Double-click or drag it to the Value Axis/Measure area.

    • In the Dimensions list, find Region. Double-click or drag it to the Category/Dimension area.

    • In the Dimensions list, find Order date (year). Double-click or drag it to the Playback Axis/Time Dimension area.

  2. Click Update to refresh the chart.

    image

Configure Chart Style

  • Configure styling for dynamic bar charts below. For chart title and card styling, see Configure the chart title.

    On the Style tab, go to Style Configuration to configure the chart style.

    Chart Configuration Item

    Parameter descriptions

    Category Label

    Set Category Label position: Vertical Axis Label or On Bar. Adjust text style.

    Dynamic bar chart - category label

    Show Data Labels

    Toggle Show Data Labels and configure label text style.

    image

    Data Color Scheme

    Set the chart color scheme. Customize colors for each field.

    image

  • In Feature Configuration, set Playback Axis.

    Name

    Configuration Item

    Playback Settings

    • Autoplay when page loads: The chart plays automatically when the dashboard loads.

    • Loop playback: The chart replays continuously.

    Dynamic bar chart - feature configuration

    Show Current Time Value

    Displays data for the current year on the chart.

    image

  • In Axis, set the axis style.

    Name

    Configuration Item

    Description

    Bottom X-axis

    Axis Title

    Set the title for the X-Axis.

    Unit

    Set the unit for the X-Axis.

    Minimum and Maximum

    Display the minimum and maximum values for the X-Axis.

    Note

    Select Auto for intelligent axis range. Clear Auto to set values manually.

    Auto Magnify Value Differences

    Automatically magnify value differences on the X-Axis.

    Note

    If you select this option, the Minimum and Maximum values on the axis use actual values.

    Show Title and Unit

    Show or hide the Axis Title and Unit on the horizontal axis.

    Y-Axis

    Axis Title

    Set the title for the Y-Axis.

    Unit

    Set the unit for the Y-Axis.

    Show Title and Unit

    Show or hide the Axis Title and Unit on the Y-axis.

Configure Chart Analysis

Configuration Item

Name

Description

Data Interaction

Filter Interaction

Associate multiple charts for cross-chart data analysis. Filter interaction.

Analysis Alert

Auxiliary Line

Shows the difference between a measure value and a reference value (fixed, average, maximum, minimum, or median). Auxiliary Lines.

Next steps