Analytics & Performance Graphs

The Sales Management App provides comprehensive visual analytics to help managers and salespersons understand performance trends, profit distribution, and sales patterns.

Overview

Analytics features are role-specific, providing insights relevant to each user type:

Manager Analytics

Pie charts showing profit distribution across all inventory items and team performance

Salesperson Analytics

Bar graphs tracking daily profit generation over time with trend analysis

Manager Analytics

Managers access profit analysis through visual pie charts that break down revenue by product.

Accessing Manager Analytics

Open Navigation Drawer

From the Manager dashboard, tap the hamburger menu icon.

Select Statistics

Tap “Statistics” in the navigation menu:

else if (id == R.id.statistics) {
    Intent intent = new Intent(ManagerMain.this, GraphManagerActivity.class);
    startActivity(intent);
}

Source: ManagerMain.java:348-350

View Profit Analysis

The GraphManagerActivity loads and displays your profit distribution chart.

Pie Chart Components

The manager analytics uses MPAndroidChart library for visualization:

public class GraphManagerActivity extends AppCompatActivity {
    private PieChart pieChart;
    private ArrayList<PieEntry> entries;
    private String id;
    private ProgressBar progressBar;
}

Source: Graph/GraphManagerActivity.java:32-37

Data Calculation

The system calculates profit distribution across all inventory items:

Retrieve Inventory

Fetch all inventory items for the current manager:

final DatabaseReference databaseReference = FirebaseDatabase.getInstance()
    .getReference("Manager");
databaseReference.addListenerForSingleValueEvent(new ValueEventListener() {
    @Override
    public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
        for(final DataSnapshot snapshot : dataSnapshot.getChildren()){
            if(snapshot.getKey().equals(id)){
                // Found current manager's data
            }
        }
    }
});

Source: Graph/GraphManagerActivity.java:54-60

Calculate Total Profit

Sum profit from all inventory items:

databaseReference.child(snapshot.getKey()).child("Inventory")
    .addListenerForSingleValueEvent(new ValueEventListener() {
        @Override
        public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
            float total = 0.0f;
            for(DataSnapshot snapshot1 : dataSnapshot.getChildren()){
                InventoryItem it = snapshot1.getValue(InventoryItem.class);
                total += it.getProfit() * it.getSold();
            }
        }
    });

Source: Graph/GraphManagerActivity.java:62-70

Total profit = Sum of (Profit per unit × Quantity sold) for all items

Calculate Percentages

Compute each item’s percentage contribution:

for(DataSnapshot snapshot1 : dataSnapshot.getChildren()) {
    InventoryItem it = snapshot1.getValue(InventoryItem.class);
    float curr = ((it.getProfit() * it.getSold()) / total) * 100.0f;
    
    if(curr > 0.0f)
        entries.add(new PieEntry(curr, it.getItemName()));
}

Source: Graph/GraphManagerActivity.java:72-78Formula: Percentage = (Item Profit ÷ Total Profit) × 100

Render Pie Chart

Create and display the pie chart:

PieDataSet set = new PieDataSet(entries, "Profit Results");
set.setValueTextSize(20f);
set.setColors(ColorTemplate.VORDIPLOM_COLORS);

PieData data = new PieData(set);
data.setValueTextColor(Color.BLACK);

pieChart.setData(data);
pieChart.invalidate(); // refresh
pieChart.setCenterText("Your Profit\nAnalysis");
pieChart.setCenterTextSize(20f);
pieChart.animateXY(1000, 1000, Easing.EasingOption.EaseInOutCirc, Easing.EasingOption.EaseInOutCirc);

Source: Graph/GraphManagerActivity.java:82-91

Chart Customization

The pie chart includes several visual enhancements:

pieChart.setCenterTextColor(Color.WHITE);
pieChart.setTransparentCircleColor(getResources().getColor(R.color.colorPrimary));
pieChart.setHoleColor(getResources().getColor(R.color.colorPrimaryDark));
pieChart.setHighlightPerTapEnabled(true);

Legend legend = pieChart.getLegend();
legend.setWordWrapEnabled(true);
legend.setTextSize(10);
legend.setTextColor(getResources().getColor(R.color.colorPrimary));

Source: Graph/GraphManagerActivity.java:92-99

Tap any pie slice to highlight that product and see its exact percentage contribution.

Real-Time Updates

The pie chart updates automatically when inventory changes:

databaseReference.child(snapshot.getKey()).child("Inventory")
    .addChildEventListener(new ChildEventListener() {
        @Override
        public void onChildChanged(@NonNull DataSnapshot dataSnapshot, @Nullable String s) {
            entries.clear();
            progressBar.setVisibility(View.VISIBLE);
            
            // Recalculate and redraw chart
            // ... calculation code ...
            
            pieChart.invalidate(); // refresh
            progressBar.setVisibility(View.GONE);
        }
    });

Source: Graph/GraphManagerActivity.java:109-161

When a salesperson records a sale, the manager’s pie chart automatically recalculates and updates the profit distribution.

What the Chart Shows

Profit Distribution

Each pie slice represents the percentage of total profit contributed by a specific inventory item.Example:

Total Profit: $10,000
Laptop Sales Profit: $4,000 → 40% of pie
Phone Sales Profit: $3,000 → 30% of pie
Tablet Sales Profit: $2,000 → 20% of pie
Accessories Profit: $1,000 → 10% of pie

Color Coding

The chart uses the ColorTemplate.VORDIPLOM_COLORS palette, assigning distinct colors to each product for easy differentiation.

Legend

A legend at the bottom lists all products with their corresponding colors, helping you identify each slice.

Center Text

The center displays “Your Profit Analysis” as the chart title.

Salesperson Analytics

Salespersons view their performance through bar charts showing daily profit trends.

Accessing Salesperson Analytics

Open Navigation Drawer

From the Salesperson dashboard, tap the hamburger menu.

Select Statistics

Tap “Statistics” in the navigation menu:

else if (id1 == R.id.statistics) {
    Intent intent = new Intent(SalespersonMain.this, GraphSalespersonActivity.class);
    startActivity(intent);
}

Source: SalespersonMain.java:464-467

View Performance Graph

The GraphSalespersonActivity displays your profit over time.

Bar Chart Components

The salesperson analytics uses a bar chart for time-series data:

public class GraphSalespersonActivity extends AppCompatActivity {
    private BarChart barChart;
    private String id;
    private ArrayList<BarEntry> entries;
    private int flag, store;
    private ProgressBar progressBar;
}

Source: Graph/GraphSalespersonActivity.java:32-38

Data Retrieval

Performance data is fetched from the GraphSalesperson collection:

Get Salesperson Name

Retrieve the current user’s name:

final DatabaseReference databaseReference = FirebaseDatabase.getInstance()
    .getReference("Salesperson");
databaseReference.addListenerForSingleValueEvent(new ValueEventListener() {
    @Override
    public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
        for(DataSnapshot snapshot : dataSnapshot.getChildren()){
            if(snapshot.getKey().equals(id)){
                final String salespersonName = snapshot.getValue(SalesPerson.class).getName();
            }
        }
    }
});

Source: Graph/GraphSalespersonActivity.java:56-64

Fetch Graph Data

Query the GraphSalesperson collection for historical profit data:

DatabaseReference reference1 = FirebaseDatabase.getInstance()
    .getReference("GraphSalesperson");
reference1.addListenerForSingleValueEvent(new ValueEventListener() {
    @Override
    public void onDataChange(@NonNull DataSnapshot dataSnapshot) {
        for(DataSnapshot snapshot1 : dataSnapshot.getChildren()){
            GraphObject go = snapshot1.getValue(GraphObject.class);
            if(go.getName().equals(salespersonName)){
                // Add to chart entries
            }
        }
    }
});

Source: Graph/GraphSalespersonActivity.java:67-88

Build Bar Entries

Create bar entries with day offsets:

if(flag == 0) {
    entries.add(new BarEntry(0, Float.parseFloat(go.getProfit())));
    flag = 1;
    store = Integer.parseInt(go.getDate().substring(0,2));  // Store first day
} else {
    int currentDay = ((Integer.parseInt(go.getDate().substring(0,2)) + 30) - store) % 30;
    entries.add(new BarEntry(currentDay, Float.parseFloat(go.getProfit())));
}

Source: Graph/GraphSalespersonActivity.java:76-86

The X-axis represents days since your first recorded sale, with day 0 being your first sale date.

Render Bar Chart

Display the bar chart with customization:

BarDataSet dataSet = new BarDataSet(entries, "Profit");
dataSet.setValueTextSize(15f);
dataSet.setColors(ColorTemplate.VORDIPLOM_COLORS);

BarData data = new BarData(dataSet);
data.setBarWidth(0.9f);

barChart.animateY(3000, Easing.EasingOption.EaseInBounce);
barChart.setData(data);
barChart.setFitBars(true);
barChart.invalidate();

Source: Graph/GraphSalespersonActivity.java:91-99

Graph Data Model

Sales data points are stored as GraphObject instances:

public class GraphObject {
    private String profit;  // Profit amount for this data point
    private String date;    // Date of the sale
    private String name;    // Salesperson name
}

Recording Graph Data

When a salesperson records a sale, the profit is added to the graph:

if(sold > 0) {
    GraphSalesperson.create(
        String.valueOf(it1.getProfit() * sold), 
        salespersonName
    );
}

Source: SalespersonMain.java:179-186 The GraphSalesperson.create() method:

Stores the profit amount
Records the current date
Associates with the salesperson’s name
Adds to Firebase for chart rendering

Axis Customization

The bar chart includes detailed axis formatting:

// X-Axis (Days)
XAxis xAxis = barChart.getXAxis();
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
xAxis.setTextSize(15f);
xAxis.setGranularity(1f);
xAxis.setTextColor(getResources().getColor(R.color.colorPrimary));
xAxis.setDrawAxisLine(true);
xAxis.setDrawGridLines(false);

// Y-Axis Left (Profit)
YAxis yAxisL = barChart.getAxisLeft();
yAxisL.setTextColor(getResources().getColor(R.color.colorPrimary));

// Y-Axis Right
YAxis yAxisR = barChart.getAxisRight();
yAxisR.setTextColor(getResources().getColor(R.color.colorPrimary));

// Legend
Legend legend = barChart.getLegend();
legend.setTextColor(getResources().getColor(R.color.colorPrimary));
legend.setTextSize(12);
legend.setWordWrapEnabled(true);

Source: Graph/GraphSalespersonActivity.java:102-119

What the Chart Shows

X-Axis: Days Since First Sale

The horizontal axis shows days elapsed since your first recorded sale:

Day 0: Your first sale date
Day 1-29: Subsequent days in the current month
Cycles through 30-day periods

Y-Axis: Profit Amount

The vertical axis displays the profit generated on each day:

Higher bars = More profitable days
Bar height corresponds to total profit for that day
Multiple sales on the same day are aggregated

Bar Colors

Bars use the VORDIPLOM color scheme, with different colors for visual variety.

Animation

The chart animates with a bounce effect over 3 seconds when first loaded, making data easier to digest.

Analytics Use Cases

Manager: Identifying Top Products

Workflow:

Open Manager Statistics
Review pie chart slices
Identify largest slices (highest profit contributors)
Focus inventory and marketing on these products
Consider adding similar items
Analyze underperforming products (small slices)

Decision Making:

Allocate more inventory to high-profit items
Provide additional training on top products
Discontinue consistently low-performing items

Manager: Profit Distribution Analysis

Workflow:

Check if profit is concentrated in few items
Look for diversification opportunities
Compare current chart with previous periods
Set targets to balance profit sources

Insights:

Over-reliance on single product = Risk
Balanced distribution = Stable revenue
Seasonal variations in product performance

Salesperson: Tracking Performance Trends

Workflow:

Open Salesperson Statistics
Review bar chart for trends
Identify high-performance days
Look for patterns (weekly, monthly)
Compare recent performance to earlier periods

Insights:

Upward trend = Improving performance
Consistent bars = Steady sales rhythm
Gaps = Days with no sales (identify why)
Spikes = Exceptional days (learn what worked)

Salesperson: Goal Setting

Workflow:

View your average bar height
Identify your highest profit day
Set goal to consistently reach that level
Track progress over coming weeks
Adjust strategies based on results

Strategy:

Use analytics as motivation
Aim to eliminate low-performance days
Replicate successful days
Build consistent high-performance habits

Loading States

Both analytics screens show progress indicators during data loading:

progressBar = findViewById(R.id.progressBar12);  // or progressBar13 for salesperson
progressBar.setVisibility(View.VISIBLE);

// ... data loading and calculations ...

progressBar.setVisibility(View.GONE);

Source: Graph/GraphManagerActivity.java:47-81 and Graph/GraphSalespersonActivity.java:47-90

Large datasets may take a few seconds to load and render. The progress bar provides visual feedback during this time.

Technical Implementation

MPAndroidChart Library

The app uses the MPAndroidChart library for professional chart rendering:

PieChart: Manager profit distribution
BarChart: Salesperson performance over time
Animations: Smooth chart loading
Gestures: Pinch-to-zoom, tap-to-highlight
Legends: Automatic color coding

Firebase Integration

Charts pull data directly from Firebase Realtime Database: Manager Data:

Manager/
  ├─ {managerId}/
  │   └─ Inventory/
  │       ├─ {itemId1}/
  │       │   ├─ itemName: "Laptop"
  │       │   ├─ sold: 10
  │       │   └─ profit: 100

Salesperson Data:

GraphSalesperson/
  ├─ {entryId1}/
  │   ├─ name: "John Doe"
  │   ├─ profit: "500"
  │   └─ date: "01/03/2024"
  ├─ {entryId2}/
  │   ├─ name: "John Doe"
  │   ├─ profit: "750"
  │   └─ date: "02/03/2024"

Best Practices

Regular Review

Check analytics weekly to spot trends early and adjust strategies

Compare Periods

Take screenshots of charts to compare performance month-over-month

Data-Driven Decisions

Use charts to guide inventory, training, and sales focus

Team Discussions

Share analytics insights in team meetings for collective improvement

Limitations

Bar chart X-axis cycles every 30 days (may not align with calendar months)
No date range selection (shows all available data)
Cannot export chart images or data
Historical data limited to what’s stored in Firebase

For detailed profit breakdowns beyond what charts show, navigate to individual inventory items or use the “My Team” feature to drill down into specific salesperson performance.

Get Started

Core Features

User Guides

Technical

Overview

Manager Analytics

Salesperson Analytics

Manager Analytics

Accessing Manager Analytics

Pie Chart Components

Data Calculation

Chart Customization

Real-Time Updates

What the Chart Shows

Salesperson Analytics

Accessing Salesperson Analytics

Bar Chart Components

Data Retrieval

Graph Data Model

Recording Graph Data

Axis Customization

What the Chart Shows

Analytics Use Cases

Loading States

Technical Implementation

MPAndroidChart Library

Firebase Integration

Best Practices

Regular Review

Compare Periods

Data-Driven Decisions

Team Discussions

Limitations

Build docs developers (and LLMs) love

Get Started

Core Features

User Guides

Technical

​Overview

Manager Analytics

Salesperson Analytics

​Manager Analytics

​Accessing Manager Analytics

​Pie Chart Components

​Data Calculation

​Chart Customization

​Real-Time Updates

​What the Chart Shows

​Salesperson Analytics

​Accessing Salesperson Analytics

​Bar Chart Components

​Data Retrieval

​Graph Data Model

​Recording Graph Data

​Axis Customization

​What the Chart Shows

​Analytics Use Cases

​Loading States

​Technical Implementation

​MPAndroidChart Library

​Firebase Integration

​Best Practices

Regular Review

Compare Periods

Data-Driven Decisions

Team Discussions

​Limitations

Build docs developers (and LLMs) love

Overview

Manager Analytics

Accessing Manager Analytics

Pie Chart Components

Data Calculation

Chart Customization

Real-Time Updates

What the Chart Shows

Salesperson Analytics

Accessing Salesperson Analytics

Bar Chart Components

Data Retrieval

Graph Data Model

Recording Graph Data

Axis Customization

What the Chart Shows

Analytics Use Cases

Loading States

Technical Implementation

MPAndroidChart Library

Firebase Integration

Best Practices

Limitations