Creating a Target Line or Arrow in the Chart

Environment

Product

Progress® Kendo UI® for Angular Chart

Description

How can I create a target line or arrow that indicates our target goals in the Kendo UI for Angular Chart?

Solution

To create a target line or arrow in the Kendo UI for Angular Chart, use the SeriesItemComponent visual function. The function allows you to customize the appearance of the series item by rendering custom visuals.

Depending on the desired scenario, you can draw a line or an arrow that indicates the target goals in the Chart.

The following example demonstrates how to create a target line in the Chart.

Change Theme

Theme

Loading ...

The following example demonstrates how to create a target arrow in the Chart.

Change Theme

Theme

Loading ...

See Also

• Charts Overview
• Rendering Custom Visuals in the Bar Chart
• Set the Size of the Bars in the Chart
• Drawing Basic Shapes
• Kendo UI Drawing API