0
180
VistasDiseño de gráfico de barras en el kit de chat nativo de reacción
Estoy usando BarChart del kit de chat nativo de reacción
y quiero lograr el siguiente diseño 
hasta ahora he llegado a esto, pero aún no puedo lograrlo por completo. 
amablemente ayúdame en el diseño de la barra real
este es mi codigo
<BarChart data={chartData} width={400} height={160} chartConfig={chartConfig} showValuesOnTopOfBars={true} showBarTops={false} withHorizontalLabels={false} />//configurar
const chartConfig = { backgroundGradientFrom: '#ffffff', fillShadowGradient: '#4084F4', decimalPlaces: 0, barPercentage: 0.5, fillShadowGradientOpacity: 1, backgroundGradientFromOpacity: 1, backgroundGradientTo: '#ffffff', spacingInner: 0.7, backgroundGradientToOpacity: 1, color: () => `#4084F4`, labelColor: () => `black`, withShadow: false, propsForBackgroundLines: { strokeWidth: 0, },};
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
const chartConfig = { backgroundGradientFrom: 'white', backgroundGradientFromOpacity: 'white', backgroundGradientTo: 'white', color: () => 'red', // fillShadowGradient: 'green', fillShadowGradientOpacity: 1, labelColor: () => `rgba(85, 139, 229)`, barPercentage: 0.3, barRadius: 5, propsForBackgroundLines: { strokeWidth: 1, strokeDasharray: null, stroke: '#F0F0F0', }, }; <BarChart data={AllTimeGraphDATA} // width={width} // height={height} width={width - 20} height={height * 0.24} chartConfig={chartConfig} showBarTops={false} yAxisLabel={''} fromZero={true} segments={2} /> Apply this code It will definitely work
·
Juan Pablo Isaza
Denunciar
Responde la pregunta