Class: RankRenderer

RankRenderer

new RankRenderer(options)

document/renderer/RankRenderer.js, line 5

支持如下方法：
[1、通过json构造RankRenderer对象]
[2、导出json对象]
[3、克隆RankRenderer对象]

等级符号专题图，符号尺寸随指定字段的值的变化而变化

Name Type Description
options Object

构造参数

Name Type Default Description
field String 可选

要素字段名
minSize Number 12 可选

等级符号最小尺寸，单位像素
maxSize Number 50 可选

等级符号最大尺寸，单位像素
minDataValue Number 可选

最小数据范围，如果小于此数据范围按minSize进行符号渲染
maxDataValue Number 可选

最大数据范围，如果超出此数据范围按maxSize进行符号渲染
symbol Symbol 可选

等级符号样式，目前仅支持SimpleMarkerSymbol|PictureMarkerSymbol|TextSymbol，不支持线图层
valueExpression String 可选

数据字段表达式，设置了会覆盖field的值
valueExpressionTitle String 可选

数据字段表达式标题
Example

创建随机渲染器对象

// ES5引入方式
const { RankRenderer } = zondy.renderer
const { SimpleMarkerSymbol, SimpleLineSymbol } = zondy.symbol
// ES6引入方式
import { RankRenderer, SimpleMarkerSymbol, SimpleLineSymbol } from "@mapgis/webclient-common"
// 初始化等级符号渲染器对象
const rankRenderer = new RankRenderer({
  // 等级符号最小尺寸，单位像素
  minSize: 12,
  // 等级符号最大尺寸，单位像素
  maxSize: 50,
  // 字段名
  field: '字段名',
  // 符号样式
  symbol:new SimpleMarkerSymbol({
    // 填充颜色
    color:'#00ff00',
    // 符号形状样式
    style:'diamond',
    // 符号外边线样式
    outline:new SimpleLineSymbol({
      // 符号外边线颜色
      color: '#ff0000',
      // 符号外边线宽度
      width: 2
    })
  })
})

Extends

Members

fieldString

要素字段名

idString

渲染器id

maxDataValueNumber

最大数据范围，如果超出此数据范围按maxSize进行符号渲染

maxSizeNumber

等级符号最大尺寸，单位像素

minDataValueNumber

最小数据范围，如果小于此数据范围按minSize进行符号渲染

minSizeNumber

等级符号最小尺寸，单位像素

symbolSymbol

等级符号样式，目前仅支持SimpleMarkerSymbol|PictureMarkerSymbol|TextSymbol

typeString

符号类型，默认为‘rank’

valueExpressionString

数据字段表达式

valueExpressionTitleString

数据字段表达式标题

Methods

RankRenderer.fromJSON(json){RankRenderer}

document/renderer/RankRenderer.js, line 119
通过json构造RankRenderer对象
Name Type Description
json Object

json对象
Returns:
Type Description
RankRenderer RankRenderer实例

clone(){RankRenderer}

document/renderer/RankRenderer.js, line 147
克隆RankRenderer对象
Returns:
Type Description
RankRenderer 克隆后的RankRenderer实例

inherited fromJSON(json)

document/renderer/BaseRenderer.js, line 50

将JSON格式的渲染规则转换为JS对象

Name Type Description
json Object

渲染规则的实例化JSON

toJSON(){Object}

document/renderer/RankRenderer.js, line 129
导出json对象
Returns:
Type Description
Object json对象