StackedBar (classic)
Switch mode and watch bars morph.
<StackedBarChart />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.
StackedBarChart.tsx
<StackedBarChart mode="grouped" data={data} keys={[{ name: "Organic" }, { name: "Paid" }]}/>Props
| Prop | Type | Default |
|---|---|---|
| mode Layout. | "stacked" | "grouped" | "stacked" |
Did you like the content?