当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JavaScript ArcGIS ClassBreaksRenderer用法及代码示例


基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/renderers/ClassBreaksRenderer"], (ClassBreaksRenderer) => { /* code goes here */ });

ESM: import ClassBreaksRenderer from "@arcgis/core/renderers/ClassBreaksRenderer";

类: esri/renderers/ClassBreaksRenderer

继承: ClassBreaksRenderer > Renderer > Accessor

自从:用于 JavaScript 4.0 的 ArcGIS API

用法说明

ClassBreaksRenderer 根据数字属性的值定义Layer 中每个要素的符号。符号是根据数据的类别或范围分配的。每个要素都根据属性值所属的分类间隔分配一个符号。

支持的图层

ClassBreaksRenderer 只能用于为以下图层类型创建可视化:

必须指定用于定义分类符的数字属性字段。每个中断及其关联符号还必须使用构造函数中的 addClassBreakInfo() 方法或 classBreakInfos 属性进行定义。

在下面的示例中,表示块组的 FeatureLayer 使用 ClassBreaksRenderer 呈现。拥有大学学位的人口少于 35% 的特征以深绿色呈现。 35% 到 50% 的人口拥有大学学位的特征以淡绿色符号呈现。基于感兴趣属性的值类似地呈现其他特征。

renderer-classbreaks-basic

例子:

let renderer = new ClassBreaksRenderer({
  type: "class-breaks",
  // attribute of interest - Earthquake magnitude
  field: "MAGNITUDE"
});
// All features with magnitude between 0 - 4.0
renderer.addClassBreakInfo({
  minValue: 0,
  maxValue: 4.0,
  symbol: {
    type: "point-3d",  // autocasts as new PointSymbol3D()
    symbolLayers: [{
      type: "object",  // autocasts as new ObjectSymbol3DLayer()
      resource: { primitive: "cone" },
      material: { color: [0, 169, 230] },
      height: 200000,
      width: 50000
    }]
  }
});
// All features with magnitude between 4.1 - 7.0
renderer.addClassBreakInfo({
  minValue: 4.1,
  maxValue: 7.0,
  symbol: {
    type: "point-3d",  // autocasts as new PointSymbol3D()
    symbolLayers: [{
      type: "object",  // autocasts as new ObjectSymbol3DLayer()
      resource: { primitive: "cone" },
      material: { color: [230, 230, 0] },
      height: 800000,
      width: 90000
    }]
  }
});
// All features with magnitude between 7.1 - 10.0
renderer.addClassBreakInfo({
  minValue: 7.1,
  maxValue: 10.0,
  symbol: {
    type: "point-3d",  // autocasts as new PointSymbol3D()
    symbolLayers: [{
      type: "object",  // autocasts as new ObjectSymbol3DLayer()
      resource: { primitive: "cone" },
      material: { color: [230, 0, 0] },
      height: 3200000,
      width: 130000
    }]
  }
});

let layer = new FeatureLayer({
  url: "http://url.to.service",
  renderer: renderer
});

相关用法


注:本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 ClassBreaksRenderer。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。