ejemplo de gráfico circular react-native-chart-kit

Recabamos en todo el mundo on line para tener para ti la solución a tu problema, en caso de alguna difcultad puedes dejarnos tu inquietud y contestaremos porque estamos para servirte.

Ejemplo: reaccionar gráficos nativos

yarn add react-native-chart-kit

importLineChart,BarChart,PieChart,ProgressChart,ContributionGraph,StackedBarChartfrom"react-native-chart-kit";importDimensions,View,Textfrom'react-native';<View><Text>BezierLineChart</Text><LineChart
    data=
      labels:["January","February","March","April","May","June"],
      datasets:[
          data:[Math.random()*100,Math.random()*100,Math.random()*100,Math.random()*100,Math.random()*100,Math.random()*100]]
    width=Dimensions.get("window").width
    height=220
    yAxisLabel="$"
    yAxisSuffix="k"
    yAxisInterval=1// optional, defaults to 1
    chartConfig=
      backgroundColor:"#e26a00",
      backgroundGradientFrom:"#fb8c00",
      backgroundGradientTo:"#ffa726",
      decimalPlaces:2,// optional, defaults to 2dpcolor:(opacity =1)=>`rgba(255, 255, 255, $opacity)`,labelColor:(opacity =1)=>`rgba(255, 255, 255, $opacity)`,
      style:
        borderRadius:16,
      propsForDots:
        r:"6",
        strokeWidth:"2",
        stroke:"#ffa726"
    bezier
    style=
      marginVertical:8,
      borderRadius:16/></View>

Al final de todo puedes encontrar los comentarios de otros usuarios, tú igualmente puedes mostrar el tuyo si lo deseas.

---

---

Utiliza Nuestro Buscador