Графики в React Native

Для построения графиков можно использовать библиотеку Victory Native

Ссылка на сайт: https://formidable.com/open-source/victory/docs/native/

Для установки используем:

npm install --save victory-native

Также необходимо установить React Native Svg в Expo делаем командой:

expo install react-native-svg

Пример круговой диаграммы:

import React from "react";
import { StyleSheet, View } from "react-native";
import { VictoryPie } from "victory-native";

export default class OtcetVremeni extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <VictoryPie
          colorScale={["tomato", "orange", "gold", "cyan", "navy" ]}
          data={[
            { x: "Cats", y: 35 },
            { x: "Dogs", y: 40 },
            { x: "Birds", y: 55 }
          ]}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#f5fcff"
  }
});