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

## Environment

<table>
    <tbody>
	    <tr>
	    	<td>Product</td>
	    	<td>Progress® Kendo UI® for Angular Chart</td>
	    </tr>
    </tbody>
</table>

## 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](https://www.telerik.com/kendo-angular-ui/components/charts/api/seriesitemcomponent#visual). 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](https://www.telerik.com/kendo-angular-ui/components/drawing/api/path) when a series value is `null` or `0`.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/knowledge-base/chart-render-bar-with-custom-visual/source.txt)

## See Also

* [Rendering Custom Visuals in the Bar Chart](https://www.telerik.com/kendo-angular-ui/components/knowledge-base/bar-chart-custom-visuals)
* [Set the Size of the Bars in the Chart](https://www.telerik.com/kendo-angular-ui/components/knowledge-base/chart-fixed-bar-size)
* [Drawing Basic Shapes](https://www.telerik.com/kendo-angular-ui/components/drawing/basic-shapes)
* [Kendo UI Drawing API](https://www.telerik.com/kendo-angular-ui/components/drawing/api)