Как выделить гистограмму, когда пользователь нажимает диаграмму в режиме реагирования

Возможно ли, что с помощью события onPress можно изменить цвет или стили отдельных столбцов гистограммы?

https://github.com/JesperLekland/react-native-svg-charts

Кто-нибудь, пожалуйста, помогите мне.


react-native charts react-native-svg react-native-svg-charts
person EDISON J    schedule 14.10.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны попробовать поставить цвет или стиль в состояние, а затем в onPress изменить его. И тогда изменения отразятся:

onPress={()=> this.setState({colors: ['#7b4173', '#a55194', '#ce6dbd', '#de9ed6']})

А в StackedBarChart, например, вставить в качестве реквизита:

  <StackedBarChart
            style={{ height: 200 }}
            keys={keys}
            colors={this.state.colors}
            data={data}
            showGrid={false}
            contentInset={{ top: 30, bottom: 30 }}
        />
person David Vittori    schedule 14.10.2019
comment
Благодарю за ваш ответ. Я хочу изменить определенный цвет полосы только на ту полосу, которую я нажал. Возможно ли это на гистограмме? - person EDISON J; 15.10.2019