<< Click to Display Table of Contents >>

SuperGIS Server JavaScript API

 

new sg.renderers.ClassBreaksRenderer(defaultSymbol, attributeField)

 

 

Description

建立一個ClassBreaksRenderer 物件。

 

Position

Randerer.js

 

 

Parameters

 

Parameter

Type

Description

defaultSymbol

sg.symbols.Symbol

預設符號

attributeField

String | function

欄位名稱或者是函數，如果為函式，則可以利用此函式計算出不存在於欄位值的數值進行分類

 

Properties

 

Properties

Type

Description

attributeField

String

對應某特定數值的屬性欄位。

colorInfo

Object

符號顏色設定

Name

Type

Description

minValue

Number

最小值

maxValue

Number

最大值

field

String

屬性欄位

colors

Array.<sg.Color>

顏色陣列

defaultSymbol

sg.symbols.Symbol

預設符號。(可以不預設)

infos

Array.<Object>

分級數值陣列

OpacityInfo

Object

符號透明度設定

Name

Type

Description

minValue

Number

最小值

maxValue

Number

最大值

field

String

屬性欄位

opacityValues

Array.<Number>

透明度陣列

rotationInfo

Object

符號旋轉設定

Name

Type

Description

type

String

旋轉類型

geographic : 由北方順時鐘旋轉

arithmetic : 由東方逆時鐘旋轉

field

String

屬性欄位

sizeInfo

Object

符號大小設定

Name

Type

Description

minSize

Number

最小尺寸

maxSize

Number

最大尺寸

field

String

屬性欄位

 

Methods

 

Methods

Type

Description

addBreak(brk)

Object

新增一個分級。

Name

Type

Description

minValue

Number

分級區間最小值(包含)

maxValue

Number

分級區間最大值

symbol

sg.symbols. Symbol

對應的分級符號

removeBreak(brk)

Object

移除一個分級。

Name

Type

Description

minValue

Number

分級區間最小值(包含)

maxValue

Number

分級區間最大值

symbol

sg.symbols. Symbol

對應的分級符號

getColor(graphic)

graphic:sg.Graphic

Returns:sg.Color

取得Graphic的符號顏色。

Name

Type

Description

graphic

sg.Graphic

Graphic

Returns:

Type

Description

sg.Color

對應的顏色

getOpacity(graphic)

graphic:sg.Graphic

Returns:Number

取得Graphic的符號透明度

Name

Type

Description

graphic

sg.Graphic

Graphic

Returns:

Type

Description

Number

透明度

getRotationAngle(graphic)

graphic:sg.Graphic

Returns:Number

取得Graphic的符號旋轉角度。

Name

Type

Description

graphic

sg.Graphic

Graphic

Returns:

Type

Description

Number

旋轉角度

getSize(graphic)

graphic:sg.Graphic

Returns:Number

取得Graphic的符號大小。

Name

Type

Description

graphic

sg.Graphic

Graphic

Returns:

Type

Description

Number

對應符號大小

setColorInfo(info)

Object

設定符號顏色。

Name

Type

Description

info

Object

符號顏色資訊

setOpacityInfo(info)

Object

設定符號透明度

Name

Type

Description

info

Object

符號透明度資訊

setRotationInfo(info)

Object

設定符號旋轉角度。

Name

Type

Description

info

Object

符號旋轉角度資訊

setSizeInfo(info)

Object

設定符號大小

Name

Type

Description

info

Object

符號大小資訊

toXml()

Returns:

String

轉為XML字串

Returns:

Type

Description

String

xml字串

 

 

Example

 

 

<script type="text/javascript" src="scripts/GraphicsLayer.js"></script>

<script type="text/javascript" src="scripts/Renderer.js"></script>

<script type="text/javascript" src="scripts/Symbol.js"></script>

<script type="text/javascript" src="scripts/Graphic.js"></script>

 

var classBreaksRenderer = new sg.renderers.ClassBreaksRenderer(simpleFillSymbol, "value");

classBreaksRenderer.addBreak({

       minValue: 0,

       maxValue: 300,

       symbol: new sg.symbols.SimpleMarkerSymbol(sg.symbols.SimpleMarkerSymbol.STYLE_SOLID, 16, outline, sg.Color(200, 255, 200, 1));

       });

 

classBreaksRenderer.addBreak({

       minValue: 301,

       maxValue: 450,

       symbol: new sg.symbols.SimpleMarkerSymbol(sg.symbols.SimpleMarkerSymbol.STYLE_SOLID, 16, outline, sg.Color(255, 255, 200, 1));

       });

 

classBreaksRenderer.addBreak({

       minValue: 451,

       maxValue: Infinity,

       symbol: new sg.symbols.SimpleMarkerSymbol(sg.symbols.SimpleMarkerSymbol.STYLE_SOLID, 16, outline, sg.Color(255, 200, 200, 1));

       });

 

 

 

See live example

 

©2015 Supergeo Technologies Inc.