Blazor Bullet Chart Range and Label Settings Example
This example demonstrates a Bullet Chart configured with various customization options for axis ranges and labels. The Blazor Bullet Chart component allows developers to fine-tune the appearance and behavior of the chart by using properties such as LabelPosition to control label placement and Ranges to define performance thresholds or value segments. In this demo, the chart is rendered in a right-to-left (RTL) layout, aligning the feature bar, comparative bar, labels, and target indicators from right to left.
| Properties | |
|---|---|
Start Color: |
|
Middle Color: |
|
End Color: |
The Blazor Bullet Chart component allows you to configure the axis labels and ranges using LabelPosition and Ranges.
Tooltip is enabled in this example. To see the tooltip in action, hover over a feature bar or comparative bar on the bullet chart.
More information about the ranges can be found in this documentation section.