Class: Color Color

new Color(config)

This class represents a color style that can be applied to geometry features.

Name Type Description
config Object

A configuration for the color style. It can have the following attributes:

  • styleName {String} The style's name

  • stroke {String} The stroke color. Format is "#rrggbb"

  • strokeThickness {float} The stroke width. Default value is 1.

  • strokeOpacity {float} The stroke opacity, a number between 0 and 1 (e.g. 0.5 means 50% opacity).
    Default value is 1.

  • strokeDash {Array} It's used for drawing a dashed line, using
    the number of screen pixels for solid and the number of screen pixels for
    space (separated by a comma) for each segment. It only works in SVG.

  • outlineStroke {String} The wing line color. Format is "#rrggbb"

  • outlineStrokeThickness {float} The wing line width. Default value is 1.

  • fill {String} The fill color. Format is "#rrggbb"

  • fillOpacity {float} Fill opacity. The value should be between 0 and 1. Default value is 1.

  • gradient {String} Whether a gradient effect should be used. The value can be "on" or "off". Default is "off". Optional.


An instance of




bindData(attribute, column, formatter)

Binds a Column data set to a specified aspect of this style. This creates
a single binding on this style instance. Check individual sub-styles to
see how many bindings they support.
Each binding is comprised of three key pieces: the style attribute being
bound, the Column data set that drives the style attribute, and a resolver
function that computes and returns an effective style attribute for any
given data value from the Column.

Name Type Description
attribute string

the name of the style attribute to be bound to a data Column. An
attribute is a visual aspect of the style, such as "Fill",
"Size" etc.

column object

A data column (typically an instance of OM.Column) that will
format the specified visual attribute of the style. If a String type
value is passed in, then it is assumed to be the name of
an property in the target VectorLayer's features.

formatter object

an instance of; it
maps an individual item's value (such as sales volume) to a
particular visual style attribute value (such as a color).

Inherited From:


Returns a list of bindable style attributes. A bindable attribute is
a certain aspect of a style (such as its fill color, stroke width or
overall size) that can be changed based on some business data value
associated with each feature. It is typically bound to a Column data

Inherited From:

an array containing names of bindable attributes; if
no bindable attribute exists then an empty array is



Gets the config of style.

Inherited From:

the config object


Return the style name

Inherited From:

the style name


Checks if this style has associated data bindings.

Inherited From:

true if there is one or more data bindings; false otherwise



Checks whether a specified style attribute is bindable.

Name Type Description
attr String

the name of the attribute to be checked

Inherited From:

true if the argument is bindable; false otherwise



Checks whether a specified (bindable) attribute is already bound to some
Column data set.

Inherited From:


Checks whether the given feature is bound to any of the bindings in
this style.

Name Type Description
feature OM.Feature

the feature instance to be checked

Inherited From:

returns true if the feature has associated values from
any of the style bindings' Column instances. Returns false if there
is no values associated with this feature, or there is no bindings
at all in this style.


resolveBinding(b, feature)

Resolves a specified binding for a given feature.
When a Style object has one or more of its visual attributes (such as Size
for a Marker style or Fill for a Color style) bound to an external data
column, then such visual attributes must be resolved for each and every feature
using the feature's associated data column value. The resolved visual
attribute values are then used to apply the style to that feature.

In other words, each time this method is called against a specific feature,
the following process always takes place:

  • the feature's unique id is obtained
  • the id is then used by the binding to find the corresponding data
    value from the associated Column instance
  • the data value is used to determine or resolve the visual attribute
    of this style such as Size or Fill color.
  • the visual attribute value is set on this Style instance for the
    duration of rendering the feature.

Name Type Description
b Object

the binding object

feature Object

the feature to be resolved with

Inherited From:

the resolved style attribute



Un-binds all Column data sets currently bound to the specified style attribute.

Name Type Description
attribute String

the name of the style attribute

Inherited From:


Un-binds all Column data set for the given attribute.

Name Type Description
attribute String

name of the style attribute (such as 'Fill', 'Size'

Inherited From: