生成关系可视化

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
const params = {
  layer: layer,
  view: view,
  field1: {
    field: "StarScore"
  },
  field2: {
    field: "ElectricUse"
  },
  focus: "HH", // changes orientation of the legend
  numClasses: 2 // 2x2 grid (value can also be 3 or 4)
};

// That's it! Now apply the renderer to your layer

relationshipRendererCreator.createRenderer(params).then((response) => {
  layer.renderer = response.renderer;
});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
renderer.uniqueValueInfos.forEach((info) => {
  switch (info.value) {
    case "HH":
      info.label = "High energy score, High electric use";
      break;
    case "HL":
      info.label = "High energy score, Low electric use";
      break;
    case "LH":
      info.label = "Low energy score, High electric use";
      break;
    case "LL":
      info.label = "Low energy score, Low electric use";
      break;
  }
});