# Linear Gauge
Show a value on a straight scale with a Blazor linear gauge - horizontal or vertical, with ranges and pointers.
Keywords: gauge, graph, linear, scale, bar
> API reference: [RadzenLinearGauge API](https://blazor.radzen.com/docs/api/Radzen.Blazor.RadzenLinearGauge.md)
## Examples
## Blazor Linear Gauge
A linear gauge shows a value on a straight scale, horizontal or vertical, with ticks, ranges, and a pointer - think of a thermometer or a level meter.
### Basic Usage
A horizontal linear gauge with configurable tick placement, pointer type, and value.
```razor
@code {
double value = 80;
GaugeTickPosition tickPosition = GaugeTickPosition.Outside;
LinearGaugePointerType pointerType = LinearGaugePointerType.Arrow;
IEnumerable tickPositions = Enum.GetValues().Cast();
IEnumerable pointerTypes = Enum.GetValues().Cast();
}
```
### Ranges and Value Display
Colored ranges highlight status zones. Use `ShowValue` and a `<Template>` to display a custom label next to the pointer.
```razor
@pointer.Value
km/h
@code {
double value = 80;
bool showValue = true;
}
```
### Rounded Ranges
Use `BorderRadius` on `RadzenLinearGaugeScaleRange` for pill-shaped bands.
```razor
@code {
double value = 80;
}
```
### Reversed Scale
Set `Reversed="true"` to place Max on the left and Min on the right.
```razor
@code {
double value = 80;
}
```
### Draggable Pointer
Set `Draggable="true"` with `@-Value`. Click anywhere on the scale or drag the pointer to update the value.
```razor
@code {
double value = 60;
}
```
### Vertical Orientation
Set `Orientation="Orientation.Vertical"` for compact dashboard layouts. All pointer types and ranges are supported.
```razor
@code {
double value = 80;
bool showValue = true;
}
```
### Multiple Scales
Use `LinePosition` to stack independent scales inside the same gauge container.
```razor
@code {
double value = 80;
}
```