1
      async function generateClusterConfig(layer) {
2
        // generates default labelingInfo
3
        const { labelingInfo, clusterMinSize } = await clusterLabelCreator
4
          .getLabelSchemes({ layer, view: viewElement.view })
5
          .then((labelSchemes) => labelSchemes.primaryScheme);
6

7
        const labelSymbol = labelingInfo[0].symbol;
8
        labelSymbol.color = labelSymbol.haloColor.clone();
9
        labelSymbol.haloColor = [255, 255, 255, 0.3];
10
        labelSymbol.font.size = 10;
11

12

13
        const { renderer, fields } = await pieChartRendererCreator.createRendererForClustering({
14
          layer,
15
          shape: "donut",
16
        });
17

18
        renderer.holePercentage = 0.66;
19

20
        const fieldInfos = fields.map((field) => {
21
          return {
22
            fieldName: field.name,
23
            label: field.alias,
24
            format: {
25
              places: 0,
26
              digitSeparator: true,
27
            },
28
          };
29
        });
30

31
        // maps the field names for the popup chart
32
        const fieldNames = fieldInfos.map((field) => {
33
          return field.fieldName;
34
        });
35

36
        const popupTemplate = {
37
          content: [
38
            {
39
              type: "text",
40
              text: "This cluster represents <b>{cluster_count}</b> features.",
41
            },
42
            {
43
              type: "media",
44
              mediaInfos: [
45
                {
46
                  title: "311 Reports",
47
                  type: "pie-chart",
48
                  value: {
49
                    fields: fieldNames,
50
                  },
51
                },
52
              ],
53
            },
54
            {
55
              type: "fields",
56
            },
57
          ],
58
          fieldInfos,
59
        };
60

61
        return {
62
          type: "cluster",
63
          popupTemplate,
64
          labelingInfo,
65
          clusterMinSize,
66

67
          fields,
68
          renderer,
69

70
        };
71
      }

1
      await layer.when();
2
      const featureReduction = await generateClusterConfig(layer);
3
      layer.featureReduction = featureReduction;