Aggregate Data and Display in a Chart

Goal

Aggregate data, specifically the total number of employees in a given department, to display in a pie chart.

This scenario demonstrates:

• How to aggregate data and display in a pie chart.

Create this pattern

You can easily create this pattern in design mode when you use a record type as the source of your chart.

To create this pattern in design mode:

1. Open a new or empty interface object.
2. From the PALETTE, drag a Pie Chart component into the interface.
3. From Data Source, select RECORD TYPE and search for the Employee record type.
4. Under Primary Grouping, select the department field.
5. Under Measure, use the dropdown to select Count of, then select the id field.
6. Under Style, use the dropdown to select Pie.

Your resulting expression will look something like this:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
{
  a!pieChartField(
    data: recordType!Employee,
    config: a!pieChartConfig(
      primaryGrouping: a!grouping(
        field: recordType!Employee.fields.department,
        alias: "department_primaryGrouping"
      ),
      measures: {
        a!measure(
          function: "COUNT",
          field: recordType!Employee.fields.id,
          alias: "id_count_measure1"
        )
      },
      dataLimit: 100
    ),
    label: "Pie Chart",
    labelPosition: "ABOVE",
    colorScheme: "RAINFOREST",
    style: "PIE",
    seriesLabelStyle: "ON_CHART",
    height: "MEDIUM",
    refreshAfter: "RECORD_ACTION"
  )
}

Notable implementation details

• This chart will aggregate on the entire data set. To aggregate and filter a chart, see Aggregate Data using a Filter and Display in a Chart.

Feedback