Recipes
Multi-outcome market
Several overlapping series with toggle chips
<LiveChart
data={[]}
value={0}
theme="dark"
series={[
{ id: "yes", label: "Yes", color: "#22c55e", data: yesData, value: yesValue },
{ id: "no", label: "No", color: "#ef4444", data: noData, value: noValue },
{
id: "other",
label: "Other",
color: "#a3a3a3",
data: otherData,
value: otherValue,
},
]}
/>Prediction market. Three outcomes, always summing to 100%. Click the chips to toggle lines.
Chips appear automatically. Users can hide outcomes; the last visible series stays locked on.
Use separate walkers or WebSocket channels per outcome, updating each series’ data/value together every tick.