cómo dibujar un gráfico de líneas en el ejemplo de código de react native-charts

Después de consultar con expertos en la materia, programadores de varias áreas y maestros hemos dado con la solución al dilema y la compartimos en esta publicación.

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>

Recuerda algo, que te permitimos comentar tu experiencia si diste con el arreglo.

---

---

Utiliza Nuestro Buscador