New to Kendo UI for Angular? Start a free 30-day trial

Rendering a Bar in the Chart When the Series Value Is Null or Zero

Environment

ProductProgress® Kendo UI® for Angular Chart

Description

How can I render a bar when the series value of the Chart component is null or 0 (zero)?

Solution

By default, the Chart component does not render a bar for the series when the value is null or 0.

To render a bar in such scenarios, use the SeriesItemComponent callback visual function. The callback is called for each data point and allows you to customize the visual element of the point depending on its value.

The following example demonstrates how to conditionally render a bar with a custom visual callback that creates a new Path when a series value is null or 0.

Example
View Source
Change Theme:

See Also

In this article

Not finding the help you need?