Saltar al contenido

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

Nuestro team especializado pasados algunos días de investigación y de recopilar de información, han obtenido la respuesta, queremos que te sea de utilidad para tu proyecto.

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>

valoraciones y reseñas

Si te ha sido de utilidad este post, te agradeceríamos que lo compartas con más juniors y nos ayudes a extender nuestra información.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *