Element: <oj-thematic-map-area>

Oracle® JavaScript Extension Toolkit (JET)
7.1.0

F18183-01

Signature:

class ojThematicMapArea

QuickNav

Attributes


PREVIEW: This is a preview API. Preview APIs are production quality, but can be changed on a major version without a deprecation path.

Version:
  • 7.1.0
Since:
  • 5.2.0
Module:
  • ojthematicmap

Module usage

See JET Module Loading for an overview of module usage within JET.

Typescript Import Format
//To typecheck the element APIs, import as below.
import {ojThematicMapArea} from "ojs/ojthematicmap";

//For the transpiled javascript to load the element's module, import as below
import "ojs/ojthematicmap";

JET In Typescript

A detailed description of working with JET elements and classes in your typescript project can be found at: JET Typescript Usage.

JET Thematic Map Area

The oj-thematic-map-area element is used to declare properties for thematic map areas and is only valid as the child of a template element for the areaTemplate slot of oj-thematic-map.


<oj-thematic-map area-data='[[areaDataProvider]]' map-provider='[[mapProvider]]'>
 <template slot='areaTemplate'>
   <oj-thematic-map-area  color='[[$current.data.color]]' location='[[$current.data.country]]'>
   </oj-thematic-map-area>
 </template>
</oj-thematic-map>

Attributes

categories :Array.<string>

An array of category strings corresponding to this area. This allows highlighting and filtering of areas. By default, the label is used as the area category.
Default Value:
  • []

color :string

The area color. The default values come from the CSS classes and varies based on theme.
Default Value:
  • null

label :string

Text used for the area's label.
Default Value:
  • ""

label-style :CSSStyleDeclaration

The CSS style object defining the style of the area label. The default values come from the CSS classes and varies based on theme.
Default Value:
  • null

location :string

An identifier corresponding to a Feature provided in the mapProvider geo object that this area is associated with.
Default Value:
  • ""

opacity :number

The area opacity.
Default Value:
  • 1

selectable :"auto"|"off"

Specifies whether or not the area will be selectable.
Supported Values:
Value
"auto"
"off"
Default Value:
  • "auto"

short-desc :string

The text that displays in the area's tooltip.
Default Value:
  • ""

svg-class-name :string

The CSS style class defining the style of the area.
Default Value:
  • ""

svg-style :CSSStyleDeclaration

The CSS style object defining the style of the area.
Default Value:
  • {}