# BulletGraph Features

Blazor Edition provides a set of native UI controls built for Blazor such as FlexGrid, Chart, ListView, and input controls including AutoComplete and ComboBox.

## Content



A BulletGraph displays a single value on a linear scale, along with a target value and ranges that instantly indicate whether the value is Good, Bad or in some other state. It lets you display values across the following three ranges:

*   **Bad range**: Sets a reference value considered bad or unfavorable for the measure. This is set in the BulletGraph using the [Bad](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1BulletGraph.Bad.html) property of the [C1BulletGraph](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1BulletGraph.html) class.
*   **Good range**: Sets a reference value considered good or favorable for the measure. This is set in the BulletGraph using the [Good](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1BulletGraph.Good.html) property.
*   **Target range**: Gets or sets the target value for the measure. This is set in the BulletGraph using the [Target](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1BulletGraph.Target.html) property.

The following image depicts the BulletGraph control with the specified Bad, Good and Target ranges at 60, 80 and 75 on the linear scale.

![](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/bulletgraph-range.png)

The following code shows how to set the Bad, Good and Target properties in BulletGraph.

```razor
<C1BulletGraph Value="50" Bad="60" Good="80" Target="75" TextVisibility="GaugeTextVisibility.All"></C1BulletGraph>
```

In addition, you can also set the value across the scale to display it on the gauge using the [Value](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1Gauge.Value.html) property and also display value as text or labels in the gauge using [TextVisibility](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1Gauge.TextVisibility.html) property of the [C1Gauge](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Gauge/C1.Blazor.Gauge.C1Gauge.html) class.