How to Use WPS Area Chart on Windows

Use WPS Area Chart with 4 how-to topics, all available without membership; choose a topic from the How-to Index and follow the steps to add, edit, configure data, and adjust style.

How-to Index

How-to Guide

1. Add an area chart component to a dashboard

Entry point: Dashboard page → "+ Add Component" → Chart → "Area Chart"

1. Open the dashboard page.
2. Click the "+ Add Component" button in the upper-left corner.
3. In the component panel, find "Area Chart" under the Chart category.
4. Click the "Area Chart" icon to generate a default area chart component.
5. Click the component to enter editing mode and continue with data setup.

Success Criteria

• UI state: A new area chart component appears in the dashboard.
• Next actions: You can open the editing panel and continue with data and style settings.

Tips While Using

• Common mistakes: If you are not in dashboard editing mode, the add-component entry may not appear.
• Environment limits: You need editing permission for the current dashboard.

2. Edit or export a chart

Entry point: Click an added chart → the "..." icon in the upper-right corner

1. Click the area chart that has already been added to the dashboard.
2. Click the "..." icon in the upper-right corner of the chart to open the menu.
3. Choose Configure, Copy, Copy as Image, Export as Image, or Delete as needed.
4. If you want to continue editing the chart, choose Configure to open the editing panel.

Success Criteria

• UI state: The dropdown menu opens and shows the available actions.
• Next actions: You can copy, export, or reconfigure the chart.

Tips While Using

• Common mistakes: If the chart is not selected first, the full action menu may not appear.

3. Set type and data

Entry point: Area Chart editing panel → "Type and Data" tab

1. Open the Area Chart editing panel and switch to the "Type and Data" tab.
2. Select the data source you want to use.
3. Set the data range as needed, and use Data Filter to adjust filter conditions.
4. Select a dimension field for the horizontal axis.
5. Choose an area chart type, such as standard, stacked, or 100% stacked.
6. Set the metric, grouping, sort basis, sort order, and empty-cell display method.
7. Preview the result on the left, then click OK to apply the settings.

Success Criteria

• UI state: The preview area on the left shows the updated area chart.
• Next actions: After you click OK, the chart displays data based on the current settings.

Tips While Using

• Common mistakes: If the horizontal-axis field is not suitable, the trend may be hard to read.
• Environment limits: Time-based or sequential fields are usually a better choice for the dimension field.

4. Set chart style

Entry point: Area Chart editing panel → "Chart Style" tab

1. Open the Area Chart editing panel and switch to the "Chart Style" tab.
2. Select a theme color to adjust the overall color scheme.
3. Set the line effect as needed.
4. Expand Series Color and adjust the color of each data series.
5. Expand Chart Elements and set text style, legend, and display items such as maximum and minimum values.
6. Preview the result and click OK to save the style settings.

Success Criteria

• UI state: Chart colors, line effects, and element display update based on your settings.
• Next actions: The chart is ready for display or export.

Tips While Using

• Common mistakes: If series colors are too similar, different data series may be hard to distinguish.