Visualization And SCADA Development
1. Scope
Use this guide when extending the visual dashboard, Web SCADA designer, custom components, variable binding, event scripts, or asset management.
2. Extension Flow
3. Development Focus
| Area | Notes |
|---|---|
| Component props | Keep names stable and provide clear defaults. |
| Variable binding | Support missing values, offline state, and different data types. |
| Event handling | Keep click actions, navigation, and command delivery predictable. |
| Assets | Reuse the documented image directory and avoid duplicated resources. |
| Performance | Avoid too many high-frequency charts or videos on one page. |
| Permission | Verify both designer permission and runtime data permission. |
4. Component Acceptance
| Item | Expected Result |
|---|---|
| Designer | Component can be dragged, selected, configured, copied, and deleted. |
| Preview | Component renders correctly with real and mock data. |
| Data update | Variable changes are reflected without layout shift. |
| Interaction | Click, command, and navigation behavior are stable. |
| Mobile | Page scales according to the target viewport when required. |