当用户打开时如何突出显示条形图

时间:2019-10-14 10:42:44

标签: react-native charts react-native-svg react-native-svg-charts

使用onPress事件是否可以更改条形图的特定条形颜色或样式?

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

任何人,请帮助我。

1 个答案:

答案 0 :(得分:0)

您应该尝试将颜色或样式设置为状态,然后在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 }}
        />