@theredhead — Frontend Library - v1.0.0
    Preparing search index...

    Interface GaugeZone

    Describes a single zone on the gauge face.

    Zones are rendered as coloured arcs or regions behind the needle / indicator so the user can see at a glance whether the value is within a safe, warning, or danger range.

    const zones: GaugeZone[] = [
      { from: 0,   to: 60,  color: '#34a853', label: 'Safe' },
      { from: 60,  to: 80,  color: '#fbbc04', label: 'Warning' },
      { from: 80,  to: 100, color: '#ea4335', label: 'Danger' },
    ];
    interface GaugeZone {
        color: string;
        from: number;
        label?: string;
        to: number;
    }
    Index

    Properties

    color from label? to

    Properties

    color: string

    Fill colour for this zone arc.

    from: number

    Start of this zone (inclusive), in the same unit as min / max.

    label?: string

    Optional label for this zone (e.g. "Safe", "Warning", "Danger").

    to: number

    End of this zone (exclusive), in the same unit as min / max.

    Settings

    Member Visibility

    On This Page

    Properties