devexpress-examples / asp-net-core-dashboard-color-dashboard-item-elements

The following example shows how to color dashboard item elements at runtime for ASP.NET Core

Dashboard for ASP.NET Core - How to Color the Dashboard Item's Elements on the Client

The following example shows how to color a dashboard item's elements on the client. To do this, handle the ViewerApiExtensionOptions.onItemElementCustomColor event, get the item's multidimensional data, and apply the color to the dashboard item's element based on the condition.

The image below displays dashboard items whose values are colored based on their values:

• Chart item: For 2014, values that exceed 30k are colored green, values below 17k are red, and values between 170k and 30k are gray.
• Pie item: Values below 80k are colored yellow.

Files to Review

• elementCustomColor.js
• Index.cshtml

Documentation

• Coloring Basics
• Coloring in the Web Dashboard

More Examples

• Dashboard for ASP.NET Core - How to Customize the Color Palette
• Dashboard for Web Forms - How to Color the Dashboard Item's Elements on the Client