使用react-native-svg-charts

2024-05-20 • 问答

我试图在一张图中放置多个折线图来显示不同的数据，但是无法使用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>

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

谢谢！

render() { const data1 = [ 50,10,40,95,-4,-24,85,91,35,53,-53,24,50,-20,-80 ] const data2 = [ -87,66,-69,92,-40,-61,16,62,20,-93,-54,47,-89,-44,18 ] const data = [ { data: data1,svg: { stroke: '#8800cc' },},{ data: data2,svg: { stroke: 'green' },] return ( <LineChart style={{ height: 200 }} data={ data } contentInset={{ top: 20,bottom: 20 }} > <Grid /> </LineChart> ) }

使用react-native-svg-charts

z979581569 回答：使用react-native-svg-charts

大家都在问