MultiLine (classic)
The v1.1 line chart with a big value header.
<MultiLineChart />1 variant
Live — the real React Native component rendered with react-native-web. Tap, drag and scrub it.
Installation
terminal
npx expo install expo-charts react-native-svgUsage
Import the component and pass your data. Width defaults to the parent, so it adapts to phones, tablets and rotation.
MultiLineChart.tsx
<MultiLineChart series={[{ name: "Revenue", data: revenue }]} labels={months}/>Props
| Prop | Type | Default |
|---|---|---|
| series Lines. | { name, data, color? }[] | — |
| labels X labels. | string[] | — |
Did you like the content?