标签: 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>

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

谢谢！

React-native-svg 和 android 似乎存在问题。此错误仅在我的Android应用程序中引发- iOS 应用程序似乎没问题？错误消息没有提示我可能发生错误的位置。任何想法都会有帮助...

代码：

import { Circle } from 'react-native-svg';

    <Circle
       cx="0"
       cy="0"
       r={size / 2 - 6}
       fill="rgba(255,255,255,0.7)" // Transparency
     />

"react-native": "https://github.com/expo/react-native/archive/sdk-34.0.0.tar.gz", "react-native-svg": "9.5.3", "react-native-svg-charts": "^5.3.0",

更新：

我想已经找到了错误的根源。其中node_modules>react-native-svg>elements>Path.js>Path>render需要一个道具“d” - 内容如下：

<RNSVGPath
 ref={this.refMethod}
 {...extractProps(propsAndStyles(props), this)}
 d={props.d}
/>