Set different colors in Chart for ChartSeriesItem based on category value

Environment

Product Version	5.12.0
Product	Progress® KendoReact Chart

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.

This is an example showcasing how to limit the value:

Change Theme

Theme

Loading ...