Feature Summary

Bar charts are used to display data distribution in horizontal columns on a dashboard, making them suitable for data comparison when category names are long or there are many categories.

Feature Description

Feature Dimension Description
Membership Restriction No membership restriction
Version Restriction No version restriction

Operation Steps

Creating a Bar Chart

Feature Entry
Dashboard interface → 「+ Add Component」 → Chart → 「Bar Chart」

  1. Enter the dashboard interface and click the 「+ Add Component」 button in the upper left corner
  2. In the pop-up component panel, find the 「Bar Chart」 icon under the 「Chart」 category
  3. Click to enter Read Mode and configure data as needed
  4. After confirmation, a bar chart is automatically generated

image

Editing/Exporting Charts

Feature Entry
Click on an added chart → 「...」 icon in the upper right corner

  1. Click on an added chart, then click the 「...」 icon in the upper right corner to expand the edit chart dropdown menu
  2. Select the following options from the expanded dropdown menu:
  • Configuration: Reconfigure chart data/style settings
  • Copy: Copy the chart
  • Copy as Image: Copy this chart as an image
  • Export as Image: Export this chart in image format
  • Delete: Delete the chart

image

General Settings

Feature Entry
Click on an added chart → 「...」 icon in the upper right corner → 「Configuration」 → 「General」 tab

  1. Click on an added chart, then click the 「...」 icon in the upper right corner to expand the edit chart dropdown menu
  2. Select the 「Configuration」 option from the expanded dropdown menu to enter the configuration interface
  3. Switch to the 「General」 tab to edit the following chart configurations:
  • Data Source: Select the data table to use
  • Data Range: Click 「Modify Range」 to select the data source range
  • Type: Select the chart style
  • Series Settings: Set series sorting and visibility status
  • Sort By: Select 「By Horizontal Axis」 or 「By Vertical Axis」
  • Sort Order: Select 「Ascending」 or 「Descending」
  • Row/Column Display: Switch the way rows and columns are displayed
  • Show Data in Hidden Rows/Columns: Hide/show hidden fields in the data source

After switching setting options, you can preview the effect in the left preview pane. Click 「Confirm」 to apply the settings

image

Custom Settings

Feature Entry
Click on an added chart → 「...」 icon in the upper right corner → 「Configuration」 → 「Custom Configuration」 tab

  1. Click on an added chart, then click the 「...」 icon in the upper right corner to expand the edit chart dropdown menu
  2. Select the 「Configuration」 option from the expanded dropdown menu to enter the configuration interface
  3. Switch to the 「Custom 」 tab to edit the following chart configurations:
  • Theme Color: Preset color schemes, click the color bar to switch via dropdown
  • Series Color: Expand to customize the color of each data series
  • Chart Elements: Expand to set titles, legends, data labels, etc.

After switching setting options, you can preview the effect in the left preview pane. Click 「Confirm」 to apply the settings

image

FAQ

Q1: What is the difference between a bar chart and a column chart?

  • Solution: A bar chart is horizontal, suitable for scenarios with long category names, displaying text more completely; a column chart is vertical, more suitable for displaying time series data.

Q2: How to sort a bar chart by numerical value?

  • Solution: In 「General」, set 「Sort By」 to 「By Vertical Axis」 and 「Sort Order」 to 「Descending」 to arrange from largest to smallest.

Q3: Does the bar chart support stacked display?

  • Solution: Yes, it does. In the 「Type」 option under 「Basic Configuration」, switch to stacked mode and set the grouping field to display the stacking proportions of different series in the same row.

Notes

  1. Bar charts are suitable for scenarios with up to 20 categories; too many categories will make the chart excessively long.
  2. When category names are long, prioritize using bar charts over column charts.
  3. Chart content will update automatically after the data source is modified.