Element: <oj-thematic-map-area>

Oracle® JavaScript Extension Toolkit (JET)
5.2.0
E97691-01

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:
  • 5.2.0
Since:
  • 5.2.0
Module:
  • ojthematicmap

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:
  • []
Example

Initialize the thematic map area with the categories attribute specified:

<oj-thematic-map-area categories='[[$current.data.categories]]'></oj-thematic-map-area>

color :string

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

Initialize the thematic map area with the color attribute specified:

<oj-thematic-map-area color='[[$current.data.color]]'></oj-thematic-map-area>

label :string

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

Initialize the thematic map area with the label attribute specified:

<oj-thematic-map-area label='[[$current.data.label]]'></oj-thematic-map-area>

label-style :object

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

Initialize the thematic map area with the label-style attribute specified:

<oj-thematic-map-area label-style='{"color":"black","fontSize":"12px"}'></oj-thematic-map-area>

location :string

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

Initialize the thematic map area with the location attribute specified:

<oj-thematic-map-area location='[[$current.data.location}}'></oj-thematic-map-area>

opacity :number

The area opacity.
Default Value:
  • 1
Example

Initialize the thematic map area with the opacity attribute specified:

<oj-thematic-map-area opacity='0.5'></oj-thematic-map-area>

selectable :string

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

Initialize the thematic map area with the selectable attribute specified:

<oj-thematic-map-area selectable='off'></oj-thematic-map-area>

short-desc :string

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

Initialize the thematic map area with the short-desc attribute specified:

<oj-thematic-map-area short-desc='[[$current.data.shortDesc]]'></oj-thematic-map-area>

svg-class-name :string

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

Initialize the thematic map area with the svg-class-name attribute specified:

<oj-thematic-map-area svg-class-name='areaStyle'></oj-thematic-map-area>

svg-style :object

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

Initialize the thematic map area with the svg-style attribute specified:

<oj-thematic-map-area svg-style='{"color": "red"}'></oj-thematic-map-area>