Figure 7.3.0 shows the way to customers chart page :

                                                                        Figure 7.3.0

Figure 7.3.1 shows customers chart main page :

                                                                         Figure 7.3.1

Based on 7.3.1 customers chart contains three tabs; Topup Ranking, Top Parcel Sent and Topup Package

Figure 7.3.2 shows topup ranking :

                                                                       Figure 7.3.2

Topup Ranking shows a list of customers and their total topup amount, ranked from customers with the largest amount to the smallest amount.
When admin clicks on Topup Ranking tab, a top 10 list of customers with highest amount topup will be displayed.
Admin are able to rank them by selecting an option consisting of Top 10, Top 50, Top 100, or Top 500 from Select Rank button as shown in Figure 7.3.3 :
```
                                                                    Figure 7.3.3
```
The search bar on top of the table can be used to search a specific customer from the ranking list. Admin can search by customer's name, email, topup amount. Figure 7.3.4 is an example :
```
                                                                      Figure 7.3.4
```

Figure 7.3.5 shows top parcel sent :

                                                                   Figure 7.3.5

Top Parcel Sent shows a list of customer and the total amount of parcel sent ranked from highest total parcel sent to lowest total parcel sent.
When admin clicks on Top Parcel Sent tab, a top 10 of customers with highest total parcel sent will be displayed.
Admin are able to rank them by selecting an option consisting of top 10, top 50, top 100, and top 500 from Select Rank button as shown in Figure 7.3.6 :
```
                                                                  Figure 7.3.6
```

Generate Table by Date

Table in Topup Ranking and Top Parcel Sent can generated by selecting date from the search date bar as shown in Figure 7.3.7 :
```
                                               Figure 7.3.7
```

Figure 7.3.8

Figure 7.3.10 shows Topup Package :

                                                                       Figure 7.3.10

if admin hovers over the bar they will be able to see details of topup package as shown in Figure 7.3.11 :

                                                                          Figure 7.3.11

If admin clicks on the bar, it will show topup graph by month. For example, in Figure 7.3.12, admin clicks on the blue bar SGD100 :

                                                                        Figure 7.3.12

Based on Figure 7.3.12, admin are able to go back to previous graph by clicking on "back to SGD100" button.
Admin can see that particular month's user list if they click on the bar . Figure 7.3.13 shows an example when admin clicks on Package SGD100 in January 2018 :
```
                                                                    Figure 7.3.13
```
Admin can click on the coloured bullets below the graph to exclude them from the graph. Figure 7.3.14 is an example when admin clicks on the blue bullet[SGD100] :
```
                                                                  Figure 7.3.14
```

Generate Graph by Date

The graph can be generated by selecting date range using search bar shown in Figure 7.3.15 :
```
                                    Figure 7.3.15
```

Figure 7.3.16

Customers Chart

results matching ""