Report Dashboards & Data Visualization
Core Positioning
The Report module enables non-technical users to create professional data dashboards. Without writing any frontend code, by dragging and dropping components and configuring data sources, you can generate visual reports and dashboard pages. Suitable for management dashboards, data monitoring, project reporting, and similar scenarios.
In one sentence: Create data dashboards like making a PowerPoint presentation.
Problems Solved
| Pain Point | How Report Solves It |
|---|---|
| Management wants to see data, developers have to write pages each time | Drag-and-drop design, business users can do it themselves |
| Data display requirements change frequently | Modify dashboard configuration, no deployment needed |
| Need professional visualization effects | Built-in dozens of chart components and templates |
| Different scenarios need different reporting engines | Three engines provided, choose as needed |
User Roles
graph LR
subgraph Roles
DESIGNER["Dashboard Designer
Drag-and-drop dashboard configuration
Set up data sources
Publish dashboards"] VIEWER["Viewer (Management/Clients)
View dashboards
Interactively filter data"] end
Drag-and-drop dashboard configuration
Set up data sources
Publish dashboards"] VIEWER["Viewer (Management/Clients)
View dashboards
Interactively filter data"] end
Three Reporting Engines
graph TB
subgraph GoView["Go-View (Recommended)"]
G1["Open-source & free"]
G2["Vue3 tech stack"]
G3["Pure frontend, standalone deployment"]
G4["Rich built-in chart components"]
end
subgraph Jimu["JimuReport"]
J1["Not open-source"]
J2["Embedded backend"]
J3["Supports complex reports"]
J4["Chinese-style reports"]
end
subgraph AJ["AJ-Report"]
A1["Open-source"]
A2["Under development"]
A3["Fully backend-driven"]
end
| Feature | Go-View | JimuReport | AJ-Report |
|---|---|---|---|
| Open-source | ✅ | ❌ | ✅ |
| Learning Curve | ⭐ Low | ⭐⭐ Medium | ⭐⭐ Medium |
| Chart Richness | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ |
| Complex Reports | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
| Recommended Scenario | General dashboards | Chinese-style complex reports | Backend-driven scenarios |
Dashboard Design Process
flowchart LR
A["New Dashboard
Choose template or blank"] --> B["Drag Components
Charts/Text/Images/Borders"] B --> C["Configure Data Sources
API / Static Data"] C --> D["Adjust Styles
Layout/Colors/Animations"] D --> E["Preview
Real-time view"] E --> F{Satisfied?} F -->|Yes| G["Publish Dashboard
Generate access link"] F -->|No| B
Choose template or blank"] --> B["Drag Components
Charts/Text/Images/Borders"] B --> C["Configure Data Sources
API / Static Data"] C --> D["Adjust Styles
Layout/Colors/Animations"] D --> E["Preview
Real-time view"] E --> F{Satisfied?} F -->|Yes| G["Publish Dashboard
Generate access link"] F -->|No| B
Built-in Chart Components (Partial)
- Line Chart / Bar Chart / Pie Chart / Radar Chart
- Data Table / Scrolling Table
- Number Flipper
- Map (China / Province / City)
- Gauge
- Word Cloud
- Timeline
- Border and Decoration Components
Typical Application Scenarios
| Scenario | Dashboard Content | Viewers |
|---|---|---|
| Sales Dashboard | Today’s sales, order volume, conversion rate, regional ranking | Sales Director, Management |
| Production Monitoring | Production line status, output, defect rate, equipment OEE | Production Manager, Plant Manager |
| Operations Dashboard | User growth, activity, retention, revenue trends | Operations Team |
| Project Reporting | Project progress, milestones, risks, resource usage | Project Stakeholders |