1
      const clusterConfig = {
2
        type: "cluster",
3

4
        fields: [
5
          {
6
            name: "population_total",
7
            alias: "Total population",
8
            onStatisticField: "POP",
9
            statisticType: "sum",
10
          },
11
        ],
12
        renderer: {
13
          type: "simple",
14
          symbol: {
15
            type: "simple-marker",
16
            style: "circle",
17
            color: symbolColor,
18
            size: 24,
19
            outline: {
20
              color: outlineColor,
21
              width: 1,
22
            },
23
          },
24
          visualVariables: [
25
            {
26
              type: "size",
27
              field: "population_total",
28
              stops: [
29
                { value: 0, size: 8 },
30
                { value: 100, size: 12 },
31
                { value: 10000, size: 18 },
32
                { value: 50000000, size: 48 },
33
              ],
34
            },
35
          ],
36
        },
37

38
        clusterRadius: "120px",
39
        // {cluster_count} is an aggregate field containing
40
        // the number of features comprised by the cluster
41
        popupTemplate: {
42
          title: "Cluster summary",
43
          content:
44
            "This cluster represents {cluster_count} cities with a total population of <b>{population_total}</b>.",
45
          fieldInfos: [
46
            {
47
              fieldName: "cluster_count",
48
              format: {
49
                places: 0,
50
                digitSeparator: true,
51
              },
52
            },
53
            {
54
              fieldName: "population_total",
55
              format: {
56
                places: 0,
57
                digitSeparator: true,
58
              },
59
            },
60
          ],
61
        },
62
        labelingInfo: [
63
          {
64
            deconflictionStrategy: "none",
65
            labelExpressionInfo: {
66
              expression: `
67
                var value = $feature.population_total;
68
                var num = Count(Text(Round(value)));
69

70
                if(value == 0){
71
                  return "";
72
                }
73
                Decode(num,
74
                  4, Text(value / Pow(10, 3), "##.0k"),
75
                  5, Text(value / Pow(10, 3), "##k"),
76
                  6, Text(value / Pow(10, 3), "##k"),
77
                  7, Text(value / Pow(10, 6), "##m"),
78
                  8, Text(value / Pow(10, 6), "##m"),
79
                  9, Text(value / Pow(10, 6), "##m"),
80
                  10, Text(value / Pow(10, 6), "##m"),
81
                  Text(value, "#,###")
82
                )
83
                `,
84
            },
85
            symbol: {
86
              type: "text",
87
              color: "white",
88
              font: {
89
                weight: "bold",
90
                family: "Noto Sans",
91
                size: "12px",
92
              },
93
              haloColor: symbolColor,
94
              haloSize: 1,
95
            },
96
            labelPlacement: "center-center",
97
          },
98
        ],
99
      };