What This Screen Does
This is your dashboard’s analytics home page. Think of it as a control panel that gives you a bird’s-eye view of how your business is doing. It shows key numbers (like sales, new users, orders, and bug reports), charts that track website visits and conversion rates, a breakdown of where your members live, recent news, an order timeline, traffic sources, and a task checklist — all on one page.
How to Get There
Open the dashboard.
In the left-hand menu, click Overview (or Analytics if it appears as a sub-item).
You are now on the Analytics Overview screen.
Step-by-Step Guide
1. Review the Summary Cards
At the very top of the page you will see four colored cards. Each one highlights a key metric at a glance:
Card | Color | What It Shows |
Weekly Sales | Primary (blue) | Total sales revenue for the current week. |
New Users | Info (cyan) | Number of new user sign-ups. |
Item Orders | Warning (orange) | Total number of orders placed. |
Bug Reports | Error (red) | Number of bug reports received. |
You cannot edit these cards — they update automatically.
Each card displays a shortened number (for example, 714,000 shows as “714k”).
2. View Website Visits Chart
Below the summary cards, on the left side, you will find the Website Visits chart.
It is a combined chart that shows data for three teams (Team A, Team B, Team C) over a range of months.
Team A is displayed as solid columns.
Team B is displayed as a gradient-filled area.
Team C is displayed as a line.
The subheader shows the percentage change compared to last year (e.g., “+43% than last year”).
Hover over any point on the chart to see the exact number of visits for that date and team.
3. Check the Top 10 Cities
To the right of the Website Visits chart, you will see the Top 10 Cities pie chart.
This chart shows which cities your members come from, ranked by member count.
The data is pulled live from your member database — it is not mock data.
Each slice of the pie represents a city. Hover over a slice to see the city name and the exact number of members.
If a member has no city on their profile, it will appear as “–” in the chart.
4. Explore Conversion Rates
Below the Website Visits chart, the Conversion Rates horizontal bar chart compares conversion rates across countries.
Each bar represents a country, and the length shows the value.
The subheader shows the percentage change compared to last year.
Hover over a bar to see the exact number.
5. View Current Subject Radar Chart
Next to the Conversion Rates chart, the Current Subject radar chart displays scores across six categories: English, History, Physics, Geography, Chinese, and Math.
Three data series are plotted for comparison.
This chart helps you compare performance across different subjects at a glance.
6. Read the News Feed
The News card displays a list of recent news items.
Each item shows a thumbnail image, a title, a short description, and how long ago it was posted.
Scroll through the list to read all entries.
Click the View All button at the bottom-right of the card to see the full news list.
7. Follow the Order Timeline
The Order Timeline card shows a vertical timeline of recent order events.
Each event has a colored dot indicating the event type, a title, and a date/time stamp.
Events are listed from most recent at the top to oldest at the bottom.
8. Check Traffic by Site
The Traffic by Site card shows visitor counts from four social platforms:
Platform | Icon Color |
Blue (#1877F2) | |
Red (#DF3E30) | |
Dark Blue (#006097) | |
Light Blue (#1C9CEA) |
Each platform shows a shortened visitor count and a label.
9. Manage Tasks
The Tasks card contains a checklist of to-do items.
Check or uncheck a task by clicking the checkbox next to it. Completed tasks appear with a strikethrough.
Click the three-dot menu (⋮) on any task to see more options:
Menu Option | What It Does |
Mark Complete | Marks the task as finished. |
Edit | Opens the task for editing. |
Share | Shares the task with others. |
Delete | Removes the task (shown in red). |
What Happens Behind the Scenes
You open the Analytics Overview page
|
v
The page reads your display settings (compact or stretched layout)
|
v
API call: StatisticsService.citiesStatistics({ count: 10 })
|
v
The top 10 cities by member count are returned
|
v
City data is stored in Redux (state.member.cityStats)
|
v
All charts and cards render with their data
|
v
The dashboard is ready to view
Troubleshooting
“The Top 10 Cities chart is empty”
This chart pulls live data from your member database. If no members have a city listed on their profile, the chart will be empty.
Make sure your members have their address information filled in, including the City field.
If members do have cities but the chart is still empty, try refreshing the page — the API call may have failed silently.
“The summary cards show strange or very large numbers”
The numbers on the summary cards are demonstration values that come with the template. They will be replaced once your system is connected to live sales, user, and order data.
If you expected live data and are still seeing these numbers, contact your development team to confirm that the API integration is complete.
“Charts are not loading or appear blank”
Charts require JavaScript to render. Make sure you do not have a browser extension that blocks scripts.
Try refreshing the page. A slow internet connection can cause charts to time out during loading.
If the problem persists, open your browser’s developer console (press F12) and check for any red error messages — these can help your support team diagnose the issue.
“I cannot interact with any of the charts”
The charts are read-only visualizations. You can hover over data points to see tooltips, but you cannot click to drill down further.
If you need more detailed data, navigate to the relevant section (e.g., Members for city data or Orders for sales data) using the left-hand menu.
“The News section says ‘View All’ but clicking it does nothing”
The View All button may not be connected to a destination yet in your setup.
Contact your administrator or development team to configure the link to your full news page.
“Tasks I checked off came back after I refreshed the page”
Task completion is stored locally in your browser session. It is not saved to the server.
When you refresh or close the page, tasks will reset to their default state.
If you need persistent task tracking, ask your development team about connecting the tasks widget to a back-end service.
“The page looks squished or the layout is off”
The layout adapts to your theme stretch setting. If the content looks too narrow, check your display settings and enable the stretch option to use the full width of your screen.
On small screens (mobile or tablet), widgets will stack vertically. This is normal responsive behavior.
“I see a dash (–) instead of a city name in the pie chart”
This means one or more members do not have a city recorded in their profile.
To fix this, go to the Members section, find the members with missing addresses, and update their city field.