Figure 6.0 shows customers chart main page :
```
                            Figure 6.0
```
Based on Figure 6.0 customers chart contains 3 tabs; Topup Ranking, Top Parcel Sent and Topup Package.

Figure 6.1 shows topup ranking :

                              Figure 6.1

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 the 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 6.2 :
```
                               Figure 6.2
```
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 6.3 is an example :
```
                             Figure 6.3
```

Figure 6.4 shows top parcel sent :

                               Figure 6.4

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 6.5 :
```
                               Figure 6.5
```

Table in Topup Ranking and Top Parcel Sent can be generated by selecting date from the search date bar.
```
                            Figure 6.6
```
Based on Figure 6.6 is an example, the following are the steps :
- 1. click on the search date bar, a calendar will be prompt out
  2. select Last 90 days option
```
                      Figure 6.7
```
  3. click on Topup Ranking to refresh, a new list of topup ranking based on the date will be displayed as shown in Figure 6.7.

Figure 6.8 shows Topup Package :

                             Figure 6.8

Based on Figure 6.8 shows Topup Package bar graph by year .
If admin hovers over the bar they will be able to see details as highlighted in Figure 6.9 :
```
                           Figure 6.9
```
If admin clicks on the bar, it show topup graph by month. For example in Figure 6.10 admin clicks on the blue bar [THB10000] :
```
                           Figure 6.10
```

Based on Figure 6.10, if clicks on the bar graph a list of user's name will be displayed as shown in Figure 6.11 :

                                                        Figure 6.11

Admin can click on the coloured bullets below the graph to exclude them from the graph. Figure 6.12 is an example when admin clicks on the blue bullets [THB10000] :
```
                                            Figure 6.12
```

The graph can be generated by selecting date range using search bar.
```
                        Figure 6.13
```
Figure 6.13 is an example, based on it following are steps to generate graph by date :
- 1. click on search date bar, a calendar will be prompt out.
  2. select Last 90 days option from the dropdown
```
                         Figure 6.14
```
  3. click on Topup Package to refresh, and the new graph will be generated as shown in Figure 6.14.

Customers Chart

results matching ""