LCLiveCharts
Guides

Reference line

Horizontal threshold with optional label

Usage

<LiveChart
  :data="data"
  :value="value"
  :reference-line="{ value: 100_000, label: 'Strike' }"
  :format-value="(v) => v.toLocaleString()"
  :windows="[
    { label: '1m', secs: 60 },
    { label: '5m', secs: 300 },
  ]"
/>
type ReferenceLine = {
  value: number;
  label?: string;
};

Draws a horizontal guide at a fixed Y value — useful for strike prices, SLAs, heart-rate zones, or prediction-market thresholds.

Live preview uses the shared engine via React bindings; copy the Vue snippet above.

Polymarket-style prediction line. "Will Bitcoin stay above $67,500?"

Colors come from the theme palette (refLine, refLabel), not the accent, so the guide stays secondary to the live series.

On this page