Environment

Product Version	7.0.0
Product	Progress® Kendo UI for Vue Native

Description

I want to have different colors per category value for the ChartSeriesItem

Solution

The color property of the ChartSeriesItem accepts function where the dataItem is accessible. Using the category value we can create a random color per each category (or use predefined colors) and store it in an array or an object, so it can be re-used for other items with the same category.

Runnable example

The following example showcases how to dynamically change the category colors:

Change Theme

Theme

Loading ...