PanesTitleComponent
The configuration of the Chart pane title.
Selector
kendo-chart-pane-title
Inputs
background
string
The background color of the title. Accepts a valid CSS color string, including hex and rgb.
border
The border of the title.
color
string
The text color of the title. Accepts a valid CSS color string, including hex and rgb.
font
string
The font style of the title.
margin
number | Margin
The margin of the title. A numeric value sets all margins.
position
"left" | "right" | "center"
The position of the title.
The supported values are:
"left"
—The axis title is positioned on the left (applicable to the horizontal axis)."right"
—The axis title is positioned on the right (applicable to the horizontal axis)."center"
—The axis title is positioned in the center.
text
string
The text of the title.
You can split the text into multiple lines by using line feed characters ("\n"
).
visible
boolean
If set to true
, the Chart displays the pane title. By default, the pane title is visible.
visual
(e: any) => Element
A function that can be used to create a custom visual for the title.
The available argument fields are:
text
—The label text.rect
—The geometry Rect that defines where the visual has to be rendered.sender
—The Chart instance (might beundefined
).options
—The label options.createVisual
—A function that can be used to get the default visual.
Methods
notifyChanges
Updates the component fields with the specified values and refreshes the Chart.
Use this method when the configuration values cannot be set through the template.
item.notifyChanges({ visible: true });
Parameters
changes
any
An object containing the updated input fields.