How to Use WPS Area Chart on macOS

Use WPS Area Chart through 4 how-to topics: add an area chart component, edit or export a chart, configure type and data, and adjust chart style; 4 items are available without membership and 0 items are membership-related.

How-to Index

How-to Guide

1. Add an area chart component to a dashboard

Entry: Dashboard interface → "+ Add Component" → Chart → "Area Chart"

1. Open the dashboard interface.
2. Click "+ Add Component" in the upper-left area.
3. Find "Area Chart" under the Chart category.
4. Click the Area Chart icon to create a default chart component.
5. Select the component to enter editing mode and continue with data setup.

Success Criteria

• Interface result: A new default area chart component appears in the dashboard.
• Next action available: You can open the editing panel and continue with data and style settings.

Tips While Using

• Common mistake: If you are not in the dashboard page, the "+ Add Component" entry may not be available.
• Environment note: You need dashboard editing permission for this action.

2. Edit or export a chart

Entry: Select an existing chart → click the "..." icon in the upper-right corner

1. Select the area chart in the dashboard.
2. Click the "..." icon in the upper-right corner of the chart.
3. Choose Configure, Copy, Copy as Image, Export as Image, or Delete from the menu.
4. If you want to change the chart, choose Configure to open the editing panel.

Success Criteria

• Interface result: The drop-down menu opens and shows the available actions.
• Next action available: You can copy, export, or reconfigure the chart.

Tips While Using

• Common mistake: If the chart is not selected first, the action menu may be harder to identify.
• Environment note: Image export or clipboard actions depend on normal system file and clipboard access.

3. Configure chart type and data

Entry: Area Chart editing panel → "Type & Data" tab

1. Open the editing panel for the area chart.
2. Go to the "Type & Data" tab.
3. Choose the data source and data range, and use data filtering if needed.
4. Set the dimension for the horizontal axis, the value for the vertical axis, and the grouping field for the legend.
5. Choose the chart type, such as standard, stacked, or 100% stacked.
6. Set sorting basis, sorting order, empty-cell display, and detail field display as needed.
7. Preview the result on the left and click "OK" to apply the settings.

Success Criteria

• Interface result: The preview area reflects the current data settings.
• Next action available: After you click "OK," the chart updates with the new rules.

Tips While Using

• Common mistake: If the dimension field is not chosen well, the trend may be hard to read.
• Environment note: The related data table fields must be available for axis and grouping setup.

4. Adjust chart style

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

1. Open the Area Chart editing panel.
2. Go to the "Chart Style" tab.
3. Choose a theme color for the overall chart palette.
4. Adjust effects and series colors as needed.
5. Expand chart elements to set text style, legend display, and items such as maximum and minimum values.
6. Preview the style result and click "OK" to save it.

Success Criteria

• Interface result: Chart colors, elements, and display effects update based on your settings.
• Next action available: The chart remains ready for display, copying, or export.

Tips While Using

• Common mistake: If series colors are too similar, different data series may be hard to distinguish.
• Environment note: Style changes affect only chart presentation, not the original data.