Docs / Line charts

Annotations

Pro

Labelled annotation pins on chosen points, plus an optional average reference line.

Illustration — rendered output uses live data.

Example

blade 
<chart:line-annotated
    :series="[['name' => 'Sales', 'data' => [120, 300, 180, 90, 260]]]"
    :categories="['Jan', 'Feb', 'Mar', 'Apr', 'May']"
    :annotations="[['x' => 'Feb', 'y' => 300, 'text' => 'Peak']]"
    average
/>

Props

Prop Type Default Description
series array [] Series objects or a flat list of numbers.
categories array [] Labels for the x-axis.
annotations array [] Pins as [x, y, text].
average bool false Draw an average reference line.

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro
Next Large datasets →