React Native:为React Native应用程序创建图表和图形视图

Question

我有一个项目需要在移动应用程序上创建一个图表视图。我研究了一些libs，但仍然找不到任何解决方案。有人知道一些运行在react native上的好库吗？请帮忙让我知道，提前谢谢！

Answer 1

我找到了这个库

https://www.npmjs.com/package/react-native-svg-charts

首先，安装这个库

npm i react-native-svg-charts
npm i react-native-svg

第二个

cd ios
pod install

创建这样的新屏幕，

import React from 'react';
import {BarChart, XAxis} from 'react-native-svg-charts';
import {View} from 'react-native';
import * as scale from 'd3-scale';
class App extends React.PureComponent {
render() {
const data = [14, 80, 100, 55];
return (
<View
style={{
flex: 1,
justifyContent: 'center',
alignItems: 'center',
}}>
<View
style={{
height: 200,
width: '80%',
}}>
<BarChart
style={{flex: 1}}
data={data}
gridMin={0}
svg={{fill: 'rgb(134, 65, 244)'}}
/>
<XAxis
style={{marginTop: 10}}
data={data}
scale={scale.scaleBand}
formatLabel={(value, index) => index}
labelStyle={{color: 'black'}}
/>
</View>
</View>
);
}
}
export default App;

Answer 2

您可以查看这些列表以找到最适合您的：

• logRocket排名前8
• rlogical排名前12