小编xyz*_*675的帖子

使用 react-native-svg-charts 的多个折线图

我试图将显示不同数据的多个折线图放在一张图中,但无法使用 react-native-svg-charts 在 react-native 中这样做。

<View style= {{height: 200}}>
      <LineChart 
        style={{ flex:1 }}
                data={this.state.data}
                svg={{ stroke: 'rgb(134, 65, 244)' }}
                contentInset={{ top: 20, bottom: 20 }}
            >
            <Grid/>
      </LineChart>
      <LineChart 
        style={{position: 'absolute'}}
                data={this.state.data1}
                svg={{ stroke: 'rgb(168, 155, 50)' }}
                contentInset={{ top: 20, bottom: 20 }}
            >
            <Grid/>
      </LineChart>
      </View>
Run Code Online (Sandbox Code Playgroud)

上面的代码是我正在尝试的,但由于我只得到第一个数据的折线图,因此无法获得正确的设计。

谢谢!

javascript reactjs react-native react-native-svg react-native-svg-charts

6
推荐指数
1
解决办法
3643
查看次数