Element: <oj-chart-group>

Oracle® JavaScript Extension Toolkit (JET)
9.1.0
F30737-01

Signature:

class ojChartGroup

QuickNav

Attributes

Version:
  • 9.1.0
Since:
  • 5.1.0
Module:
  • ojchart

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 {ojChartGroup} from "ojs/ojchart";

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

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 Chart Group

The oj-chart-group element is used to declare group properties in the groupTemplate slot of oj-chart.


<oj-chart data="[[dataProvider]]">
 <template slot='groupTemplate'>
   <oj-chart-group
     drilling='on'
     label-style='[[$current.depth == 1 ? {"fontWeight":"bold"} : {"fontStyle":"italic"}]]'>
   </oj-chart-group>
 </template>
</oj-chart>

Attributes

drilling :on|off|inherit

Whether drilling is enabled on the group label. Drillable objects will show a pointer cursor on hover and fire an ojDrill event on click. To enable drilling for all group labels at once, use the drilling attribute in the top level.
Supported Values:
Value
inherit
off
on
Default Value:
  • "inherit"

label-style :CSSStyleDeclaration

The CSS style object defining the style of the group label text. The following style properties are supported: backgroundColor, borderColor, borderRadius, borderWidth, color, cursor, fontFamily, fontSize, fontStyle, fontWeight, textDecoration. Only applies to a categorical axis.

name :string

The name of the group.

short-desc :string

The description of the group. This is used for customizing the tooltip text and only applies to a categorical axis.