Introduction #
SmartChart’s drag layout is flexible, but precise alignment often requires multiple adjustments. This document covers grid assistance and auto-alignment features for pixel-perfect alignment.
Alignment Tools #
| Tool | Description | Usage |
|---|---|---|
| Grid Assist | Shows 1rem grid | Click toolbar info icon |
| Auto Align | Code-level coordinate organization | Template -> Transform -> Drag Align |
Usage #
Grid Assistance #
- Click the info icon in the dashboard toolbar to toggle grid display
- Each grid cell is 1rem
Auto Alignment #
Find this feature in “Template” -> “Transform”
- First, drag some components randomly
- Select the drag code block, click “Drag Align”, then click “Save”
- View the aligned result, fine-tune as needed, repeat until satisfied
