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();
版权所有@盈嘉互联(北京)科技有限公司 京ICP备15051988号-9 Copyright © 2022 all right reserved,powered by Gitbook该文件修订时间: 2022-05-18 18:07:58

results matching ""

    No results matching ""