Changing the Border Styles of the Chart Series Item Component

Environment

Product

Progress® Kendo UI® for Angular Charts

Description

How can I change the border styles of the Chart Series item component?

Solution

To implement custom visualizations for the SeriesItemComponent, utilize the Kendo UI Drawing API.

1. To utilize the Drawing graphics library and customize visual elements, use a custom JavaScript function that creates these custom shapes.
2. Then, assign the JavaScript function to the SeriesItemComponent visual property of the Chart. The function provides the default visual values as arguments and you can use these values to apply different styles to the border.

The following example demonstrates how to apply some basic customization of the SeriesItemCompnoent border styles.

Change Theme

Theme

Loading ...

See Also

• Rendering Custom Visuals in the Bar Chart