Feature Summary
The area chart is used to display the trend of data volume changes over time in the form of an area on the dashboard, 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 Sheets to use
- Data Range: Click 「Modify Scope」 to select the data source range
- Type: Select the area chart style (Normal/Stacked/Percentage Stacked)
- Series Settings: Configure series sorting and visibility
- Sort By: Select 「By Horizontal Axis」 or 「By Vertical Axis」
- Sort Order: Select 「Ascending」 or 「Descending」
- Display Empty Cells As: Switch the way empty cells are displayed
- Row and Column Display: Toggle the row and column display mode
- Show Data in Hidden Rows and Columns: Hides/shows 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
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