NavigatorSeriesLabelsComponent

Represents the label configuration of the StockChart navigator series.

html

<kendo-stockchart>
 <kendo-chart-navigator>
  <kendo-chart-navigator-series>
   <kendo-chart-navigator-series-item type="area" [data]="data" field="value" categoryField="date">
   <kendo-chart-navigator-series-item-labels color="peachpuff">
   </kendo-chart-navigator-series-item-labels>
  </kendo-chart-navigator-series-item>
  </kendo-chart-navigator-series>
 </kendo-chart-navigator>
</kendo-stockchart>

Selector

kendo-chart-navigator-series-item-labels

Inputs

Name	Type	Default	Description
align	SeriesLabelsAlignment		Specifies the alignment of the labels.
ariaContent	(e: SeriesLabelsContentArgs) => string		Specifies a function that returns the ARIA content of the labels.
background	string		Specifies the background color of the labels.
border	Border		Specifies the border configuration of the labels.
color	string		Specifies the text color of the labels.
content	(e: SeriesLabelsContentArgs) => string		Specifies a function that returns the content of the labels.
distance	number	35	Specifies the distance between the labels when series.type is set to "donut" or "pie".
font	string	'12px sans-serif'	Specifies the font style of the labels.
format	string	'{0}'	Specifies the format of the labels. Uses the format method of the IntlService.
from	SeriesLabelsFrom		Specifies the from labels configuration.
margin	number | Margin	5	Specifies the margin of the labels. A numeric value sets all margins.
padding	number | Padding	0	Specifies the padding of the labels. A numeric value sets all paddings. Bar and Column series always apply full padding and ignore this setting.
position	SeriesLabelsPosition		Specifies the position of the labels.
rotation	number		Specifies the rotation angle of the labels.
to	SeriesLabelsTo		Specifies the to labels configuration.
visible	boolean	false	Determines whether the Chart displays the series labels.
visual	(e: SeriesLabelsVisualArgs) => Element		Specifies a function that creates a custom visual for the labels.

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. ts item.notifyChanges({ visible: true });
Parameters changes any An object containing the updated input fields.