Feature Summary
The area chart is used in dashboards to display the trend of data volume changes over time in the form of an area, emphasizing the cumulative effect of the data.
Feature Description
| Feature Dimension | Description |
|---|---|
| Membership Restriction | No membership restriction |
| Version Restriction | No version restriction |
Operation Steps
Adding an Area Chart Component to the Dashboard
Feature Entry
Dashboard interface → 「+ Add Component」 → Chart → 「Area Chart」
- Enter the dashboard interface and click the 「+ Add Component」 button in the upper left corner
- In the pop-up component panel, find the 「Area Chart」 icon under the 「Chart」 category
- Click to enter Read Mode and configure the data as needed
- A area chart will be automatically generated after confirmation
Editing/Exporting Charts
Feature Entry
Click an added chart → 「...」 icon in the upper right corner
- Click 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 the added chart → 「...」 icon in the upper right corner →「Configuration」 → 「General」 tab
- Click the 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
- 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 (Horizontal Axis): Select the field for the horizontal axis
- Type: Select the area chart style (Normal / Stacked / Percentage Stacked)
- Statistic Value (Vertical Axis): Select 「Count Total Records」 or 「Count Specified Field」
- Grouping (Legend): Select the grouping field to distinguish data series by different colors
- Sort By: Select 「By Horizontal Axis」 or 「By Vertical Axis」
- Sort Order: Select 「Ascending」 or 「Descending」
- Display Empty Cells As: Switch the display method for empty cells
- 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 the added chart → 「...」 icon in the upper right corner →「Configuration」 →「Custom」 tab
- Click the 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
- Switch to the 「Custom」 tab to edit the following chart configurations：
- Theme Color: Preset color scheme, click the color bar to switch via dropdown
- Series Color: Expand to customize the color of each data series
- Chart Elements: Expand to set text style, legend, maximum/minimum values, 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 an area chart and a line chart?
- Solution: Both area charts and line charts display trends, but area charts fill the area under the line, visually better reflecting the accumulation and proportion of data volume.
Q2: Will a small amount of data affect the display of the area chart?
- Solution: Yes. When the data volume is too small, the area chart cannot reflect the distribution pattern. It is recommended to accumulate sufficient data before creating one.
Notes
- It is recommended to select time or sequential fields for the dimension field, suitable for displaying trend data
- After modifying the area chart configuration, the effect will be previewed in real time
- Color configuration will affect the distinguishability of data series