Element: <oj-legend-section>

Oracle® JavaScript Extension Toolkit (JET)


  • 6.0.0
  • ojlegend



JET Legend Section

The oj-legend-section element is used to declare properties for legend sections and is only valid as the child of a template element for the sectionTemplate slot of oj-legend.

<oj-legend data='[[dataProvider]]'>
 <template slot='sectionTemplate'>
   <oj-legend-section  collapsible='on' expanded='[[$current.index == 0 ? "on" : "off"]]'>



interface LegendSectionElement

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

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

For additional information visit:


collapsible :"on"|"off"

Whether the section is collapsible. Only applies if the legend orientation is vertical.
Supported Values:
Value Description
off The legend section will not be collapsible.
on The legend section will be collapsible.
Default Value:
  • "off"

text :string

The title of the legend section.
Default Value:
  • ""

text-halign :"center"|"end"|"start"

The horizontal alignment of the section title. If the section is collapsible or nested, only start alignment is supported.
Supported Values:
Value Description
center The section title will be center aligned.
end The section title will be end aligned.
start The section title will be start aligned.
Default Value:
  • "start"

text-style :Partial<CSSStyleDeclaration>

The CSS style object defining the style of the section title. The following style properties are supported: color, cursor, fontFamily, fontSize, fontStyle, fontWeight, textDecoration.
Default Value:
  • {}