Element: <oj-chart-group>

Oracle® JavaScript Extension Toolkit (JET)
17.1.0
G12196-01

Since:
  • 5.1.0
Module:
  • ojchart

QuickNav

Attributes


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>


Usage

Signature:

interface ChartGroupElement

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

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

For additional information visit:


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 Description
inherit Drilling behavior will be inherited from the chart.
off Drilling will not be enabled on group label.
on Drilling will be enabled on group label.
Default Value:
  • "inherit"

label-style :Partial<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.