How to add horizontal scrolling for react-native-chart-kit StackedBarChart?

Question

I'm looking forward to create horizontally scrollable StackedBarChart with react-native-chart-kit. Is it possible to create such chart with this package and how?

Did you try to wrap the chart inside a ScrollView with horizontal={true} as prop ? The charts are created with SVGs, you could also modify the root svg and ad panning to it with react native gesture handler for instance — Konstantin Paulus, Oct 27 '19 at 11:35
@Kape I did but it leads to moving axis values/titles too. So I guess I need built-in feature for that. — she hates me, Oct 27 '19 at 11:38

score 3 · Answer 1 · edited Jun 26 '20 at 08:50

3

<ScrollView horizontal={true}> <BarChart style={graphStyle} chartConfig={chartConfig} verticalLabelRotation={30} /> `enter code here` </ScrollView>

edited Jun 26 '20 at 08:50

Eric Aya

69,473
35
181
253

answered Jun 26 '20 at 08:40

Surendra

51
2

How to add horizontal scrolling for react-native-chart-kit StackedBarChart?

1 Answers1