1. ColumnarStatistics
柱状统计图 基于entity图形数据图层。包括多边形
1.1.1. new ColumnarStatistics(options)
Param | Type | Default | Description |
---|---|---|---|
options | Object |
||
[options.name] | String |
名称。不设置则为undefined |
|
[options.geojsonUrl] | String |
geojson的Url。不设置则为undefined |
|
[options.wfsUrl] | String |
wfs服务的Url。不设置则为undefined |
|
options.staticField | String |
统计的字段。必填 |
|
options.position | Array.<number> |
图形位置。[longitude0,latitude0, height0, ...] |
|
[options.color] | String |
'#1E90FF' |
图形颜色,默认为'#1E90FF'。 |
[options.opacity] | Number |
1 |
图形不透明度,默认为1。 |
[options.height] | Number |
0 |
图形地面高度,默认为0。 |
[options.extrudedHeight] | Number |
10000 |
图形拉伸高度,默认为10000。 |
[options.riseTime] | Number |
5 |
图形拉伸生长时间间隔,默认为5秒。 |
[options.fenceHeight] | Number |
50 |
图形拉伸生长时间间隔,默认为100。 |
[options.radius] | Number |
1000 |
椭圆半径,默认为1000。 |
[options.onClick] | function |
点击标记后的回调函数 |
|
[options.show] | Boolean |
true |
显隐控制,默认为true,显示。 |
[options.isZoomTo] | Boolean |
false |
是否加载时缩放至,默认为false。 |
Example
//生成柱状统计
let colSta = new BOSGeo.ColumnarStatistics({
name: '图形', //名称
geojsonUrl: './resource/data/422800.json', //geojson的Url。不设置则为undefined
show: true, //显隐控制
isZoomTo: true,//是否加载时缩放至
staticField: 'id',
// extrudedHeight:10, //图形拉伸高度
color: '#49a8f9', //图形颜色
opacity: 1, //不透明度
height: 100, //地面高度
extrudedHeight: 10000, //拉伸高度
riseTime: 5, //拉伸生长时间间隔
radius: 1000, //半径
onClick: true //是否点击查询
});
1.2. 属性
属性名 | Type | Description |
---|---|---|
show | Boolean |
是否显示 |
color | String |
修改实体的颜色,十六进制的颜色字符串 |
opacity | Number |
透明度,范围为0-1。 |
1.3. 方法
1.3.1. columnarStatistics.init()
初始化
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.init();
1.3.2. columnarStatistics.getDegreesArrayHeightsByGeojson(geojsonUrl)
通过geojson创建柱状图
Param | Type | Description |
---|---|---|
geojsonUrl | String |
url路径 |
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.getDegreesArrayHeightsByGeojson(geojsonUrl);
1.3.3. columnarStatistics.calBarHeight(val) ⇒ Number
根据属性值计算柱状高度
Returns : Number
-
高度
Param | Type | Description |
---|---|---|
val | Number |
属性值 |
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.calBarHeight(val);
1.3.4. columnarStatistics.getFields(entity) ⇒ *
获取entity的字段名
Returns : *
-
字段名
Param | Type | Description |
---|---|---|
entity | Object |
实体对象 |
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.getFields(entity);
1.3.5. columnarStatistics.zoomTo()
缩放至
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.zoomTo();
1.3.6. columnarStatistics.setColor(color, [opacity])
修改图形的填充颜色
Param | Type | Description |
---|---|---|
color | String |
填充颜色 |
[opacity] | Number |
透明度,默认值为图形本身的值 |
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.setColor(color, opacity);
1.3.7. columnarStatistics.setOpacity(opacity)
设置透明度
Param | Type | Description |
---|---|---|
opacity | Number |
透明度 |
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.setOpacity(opacity);
1.3.8. columnarStatistics.setVisible(visible)
设置显隐
Param | Type | Description |
---|---|---|
visible | Boolean |
显隐 |
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.setVisible(visible);
1.3.9. columnarStatistics.remove()
移除
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.remove();
1.3.10. columnarStatistics.onClickHover()
点击事件
Example
let colSta = new BOSGeo.ColumnarStatistics(options);
colSta.onClickHover();