Docs / Line charts

Spline with symbols

Pro

A smooth line where each series is marked with a distinct point symbol — circle, square, triangle, diamond and more.

Illustration — rendered output uses live data.

Example

blade 
<chart:spline
    :series="[
        ['name' => 'Tokyo', 'data' => [7, 7, 13, 17, 22, 25]],
        ['name' => 'London', 'data' => [4, 5, 8, 12, 16, 19]],
    ]"
    :categories="['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']"
/>

Props

Prop Type Default Description
series array [] Series objects ([name, data]) or a flat list of numbers.
categories array [] Labels for the x-axis.
symbolSize int 8 Marker size in pixels.
legend bool true Show the series legend.

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 Spline with inverted axes →