Feature Summary
The bar chart is used to display data distribution in a horizontal bar format on the dashboard, suitable for data comparison when category names are long or the number of categories is large.
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」
- Enter the dashboard interface and click the 「+ Add Component」 button in the upper left corner
- In the pop-up component panel, find the 「Bar Chart」 icon under the 「Chart」 category
- Click to enter Read Mode and configure data as needed
- After confirmation, a bar chart is automatically generated
Editing/Exporting Charts
Feature Entry
Click on an added chart → 「...」 icon in the upper right corner
- Click on an added chart, then click the 「...」 icon in the upper right corner to expand the edit chart dropdown menu
- 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
General Settings
Feature Entry
Click on an added chart → 「...」 icon in the upper right corner → 「Configuration」 → 「General」 tab
- Click on an added chart, then click the 「...」 icon in the upper right corner to expand the edit chart dropdown menu
- Select the 「Configuration」 option from the expanded dropdown menu to enter the configuration interface
- Switch to the 「General」 tab to edit the following chart configurations:
- Data Source: Select the data table to use
- Data Range: Click 「Data Filter」 to set filter conditions
- Dimension (Vertical Axis): Select the field used as the vertical axis category
- Type: Select the bar chart style (Normal/Stacked)
- Statistic Value (Horizontal Axis): Select 「Count Total Records」 or 「Count Specified Field」
- Grouping (Legend): Select the grouping field
- Sort By: Select 「By Horizontal Axis」 or 「By Vertical Axis」
- Sort Order: Select 「Ascending」 or 「Descending」
- Display Range: Select 「All Data」 or 「Top X Items」
- Fields Displayed in Detail Data : Hide/Show all 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
Custom Settings
Feature Entry
Click on an added chart → 「...」 icon in the upper right corner → 「Configuration」 → 「Custom Configuration」 tab
- Click on an added chart, then click the 「...」 icon in the upper right corner to expand the edit chart dropdown menu
- Select the 「Configuration」 option from the expanded dropdown menu to enter the configuration interface
- 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
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
- Bar charts are suitable for scenarios with up to 20 categories; too many categories will make the chart excessively long.
- When category names are long, prioritize using bar charts over column charts.
- Chart content will update automatically after the data source is modified.