New to Kendo UI for Angular? Start a free 30-day trial

Dynamically Configure the Series Labels in the Chart Component

Environment

ProductProgress® Kendo UI® for Angular Charts

Description

How can I dynamically configure the series labels in the Kendo UI for Angular Charts?

Solution

  1. Define a callback for a specific series labels property, such as color or position. Use the $any() type casting to avoid type errors.

  2. Evaluate the dataItem and return the appropriate value for the label property. Keep in mind that the appropriate value could either be a specific value contained within the dataItem or a value determined by a certain condition depending on the application requirements.

The following example demonstrates how to dynamically set the color and position of a label based on a data collection that includes the required values.

Example
View Source
Change Theme:

See Also

In this article

Not finding the help you need?