生成唯一值的数据驱动可视化

尝试一下在线预览

此示例演示如何基于包含分类(或名义)数据的属性字段生成具有唯一值的数据驱动的可视化。

这是通过 类型渲染器创建者帮助对象 中的 createRenderer() 完成的。生成一个渲染器所需要的就是一个要素层和一个字段名。

 createRenderer() 方法返回一组最适合给定底图的符号。 请注意,当您使用  BasemapGallery  微件更改底图时,符号的填充和轮廓会略微更改为更亮或更暗的主题,以便在与底图颜色形成对比时更具视觉吸引力。

                        
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const layer = new FeatureLayer({
  url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/US_county_crops_2007_clean/FeatureServer/0"
});

const typeParams = {
  layer: layer,
  view: view,
  field: "DOM_CROP_ACRES",
  legendOptions: {
    title: "Dominant crop in harvested acres by county (2007)"
  }
};

typeRendererCreator
  .createRenderer(typeParams)
  .then((response) => {
    // set the renderer to the layer and add it to the map

    layer.renderer = response.renderer;
    map.add(layer);
  })
  .catch((error) => {
    console.error("there was an error: ", error);
  });

注意

请记住,在大多数应用程序中应避免 生成 渲染器,因为会影响最终用户的性能成本。 如 智能制图 指南主题所述,Smart Mapping API 设计用于两种类型的应用程序:数据探索应用程序和类似于 GeoScene Online 的可视化创作应用程序。 在所有其他情况下,渲染器应保存到图层或使用任何 渲染器类 手动创建。

其他可视化示例和资源

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.