Element: <oj-chart-group>

Oracle® JavaScript Extension Toolkit (JET)



class ojChartGroup



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

  • 7.1.0
  • 5.1.0
  • 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'>
     label-style='[[$current.depth == 1 ? {"fontWeight":"bold"} : {"fontStyle":"italic"}]]'>


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:
Default Value:
  • "inherit"

label-style :CSSStyleDeclaration

The CSS style object defining the style of the group label text. Supports color, fontFamily, fontSize, fontStyle, fontWeight, textDecoration, cursor, backgroundColor, borderColor, borderRadius, and borderWidth properties. 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.