<< Click to Display Table of Contents >>

 

new sg.renderers.DotDensityRenderer(param)

 

 

Description

The DotDensityRenderer allows users to create dot density visualizations.

 

Position

Randerer.js

 

 

Properties

 

Properties

Type

Description

backgroundColor

sg.Color

Symbol background color.

dotShape


Dot shape.

dotSize

Number

Dot size in pixels.

dotValue

Number

Dot value.

fields

Array.<Objects>

An array of objects. Each object defines a field and its color.

outline

sg.symbols.Symbol

Feature outline.

 

 

Methods

 

Methods

Type

Description

getSymbol(graphic)

graphic:sg.Graphic

Returns:sg.symbols.Symbol

Return graphic symbol..

Name

Type

Description

graphic

sg.Graphic

Graphic

Returns:

Type

Description

sg.symbols.Symbol


setBackgroundColor(color)

sg.Color

Define the background color.

Name

Type

Description

color

sg.Color

Graphic

setDotSize(size)

Number

Define the dot size.

Name

Type

Description

size

Number


setDotValue(value)

Number

Define the dot value.

Name

Type

Description

value

Number


setOutline(outline)

sg.symbols.Symbol

Define symbol outline.

Name

Type

Description

outline

sg.symbols.Symbol


 

 

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>

 

//Create DotDensityRenderer

var DotDensityRenderer = new sg.renderers.DotDensityRenderer({

    dotSize: 3,

    dotValue: 3000,

    fields: [{

         name: "gdp_md_est",

         color: new sg.Color(160, 106.6, 0, 0.6)

    }]

});

 

 

 

See live demo

 

 


©2015 Supergeo Technologies Inc.