Use WPS Sankey Diagram through 4 how-to topics that cover adding the component, editing or exporting it, configuring data, and adjusting styles; 4 topics are available without membership and 0 are membership-related.
How-to Index
| No. | Topic | Membership Requirement |
|---|---|---|
| 1 | 1. Add a Sankey Diagram component to a dashboard | Free |
| 2 | 2. Edit or export a Sankey Diagram | Free |
| 3 | 3. Configure Sankey Diagram data | Free |
| 4 | 4. Set Sankey Diagram styles | Free |
How-to Guide
1. Add a Sankey Diagram component to a dashboard
Entry path: Dashboard interface → + Add Component → Chart → Sankey Diagram
- Open the dashboard interface.
- Click + Add Component in the upper-left area.
- In the component panel, find Sankey Diagram under the Chart category.
- Click the Sankey Diagram icon to generate a default chart component.
- Select the component to enter edit mode and continue with data setup.
Success Criteria
- Interface result: A new Sankey Diagram component appears in the dashboard.
- Next action available: You can open the edit panel and continue configuring data and styles.
Tips While Using
- Common mistake: If you do not look under the Chart category, you may miss the Sankey Diagram entry.
- Environment note: You need to be in a dashboard that supports editing.
2. Edit or export a Sankey Diagram
Entry path: Select the added chart → top-right three-dot menu
- In the dashboard, select the Sankey Diagram that has already been added.
- Click the three-dot menu in the top-right corner of the chart.
- Select Configure to update chart data or styles.
- As needed, choose Copy, Copy as Image, Export as Image, or Delete.
Success Criteria
- Interface result: The top-right 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 related menu may not be easy to access.
- Environment note: For image export or copy-as-image actions, wait until the chart finishes rendering.
3. Configure Sankey Diagram data
Entry path: Sankey Diagram edit panel → Type & Data tab
- Open the Sankey Diagram edit panel and go to the Type & Data tab.
- Select the data source you want to use.
- Click Data Filter to set the data range.
- Set node categories by choosing the source field and target field.
- Set node height by counting total records or a specified field.
- Choose the sorting method as Default or Custom Drag.
- Adjust the fields shown in detail data to hide or display items as needed.
- Review the result in the preview pane and click OK to apply the settings.
Success Criteria
- Interface result: The preview pane shows the updated Sankey Diagram.
- Next action available: After you click OK, the dashboard chart displays the new data rules.
Tips While Using
- Common mistake: If the source field and target field are not chosen appropriately, the flow relationship may be hard to read.
- Environment note: The data source should contain fields that can represent flow relationships.
4. Set Sankey Diagram styles
Entry path: Sankey Diagram edit panel → Chart Style tab
- Open the Sankey Diagram edit panel and go to the Chart Style tab.
- Choose a preset color scheme under Theme Color.
- Expand Node Color to customize node colors.
- Expand Chart Elements to set data labels, label content, and label styles.
- Check the display result in the preview pane.
- Click OK to save the style settings.
Success Criteria
- Interface result: Chart colors, labels, and visual elements update based on your settings.
- Next action available: You can return to the dashboard to review, export, or edit the chart again.
Tips While Using
- Common mistake: Too many colors or dense labels can reduce readability.
- Environment note: Adjust styles together with component size so the chart does not look crowded.