# new RankRenderer(options)
等级符号专题图,符号尺寸随指定字段的值的变化而变化
参数:
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
options |
Object | 构造参数 |
|
field |
String | 要素字段名 |
|
minSize |
Number | 12 | 等级符号最小尺寸,单位像素 |
maxSize |
Number | 50 | 等级符号最大尺寸,单位像素 |
minDataValue |
Number | 最小数据范围,如果小于此数据范围按minSize进行符号渲染 |
|
maxDataValue |
Number | 最大数据范围,如果超出此数据范围按maxSize进行符号渲染 |
|
symbol |
Symbol | 等级符号样式,目前仅支持SimpleMarkerSymbol|PictureMarkerSymbol|TextSymbol,不支持线图层 |
|
valueExpression |
String | 数据字段表达式,设置了会覆盖field的值 |
|
valueExpressionTitle |
String | 数据字段表达式标题 |
支持如下方法:
[1、通过json构造RankRenderer对象][2、导出json对象]
[3、克隆RankRenderer对象]
示例
// 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
})
})
})