• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Set different colors in Chart for ChartSeriesItem based on category value

Environment

Product Version5.12.0
ProductProgress® KendoReact

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:

Example
View Source
Change Theme:

In this article

Not finding the help you need?