У меня есть проект, в котором нужно создать представление диаграммы в мобильном приложении. Я исследовал некоторые библиотеки, но до сих пор не могу найти никакого решения. Кто-нибудь знает, что какая-то хорошая библиотека работает на React Native? пожалуйста, дайте мне знать, заранее спасибо!
Графическая поддержка для react-native очень плохая, особенно для интерактивной графики. Это связано с абстракцией платформы и отсутствием низкоуровневого графического слоя. Следовательно, будет сложно найти что-либо нестатичное.
Привет, @Sebastian, спасибо за помощь. Я ищу диаграммы узловых ребер. Знаете ли вы, есть ли какие-либо библиотеки для реагирования, которые могут создавать диаграммы, такие как JointJS?





Я нашел эту библиотеку
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;
Схема и график - неоднозначные термины. Вы ищете гистограммы или диаграммы узловых ребер?