Tag: REACT-CHARTJS-2
Estoy usando react-chart-2. Pasa el cursor sobre el gráfico para ver el tooltip. Quiero mostrar un % a la derecha del número, como 30%. ¿Cómo puedo agregar el carácter % al tooltip? Además, ¿cómo puedo establecer el valor izquierdo con un mínimo de 0 y un máximo de 100? code . . . Read more
Estoy obteniendo el siguiente error: “Error: “realtime” no es una escala registrada.” al intentar importar y utilizar el complemento charts-plugin-streaming. Estoy usando “chartjs-plugin-streaming”: “^2.0.0”, “react-chartjs-2”: “^4.0.0”, “chart.js”: “^3.6.0”. [SOLUCIONADO] Después de revisar la documentación de migración, he solucionado el problema, pero ahora genera un nuevo error: “TypeError: esta. updateScales no . . . Read more
Estoy tratando de establecer el nombre en mi eje X pero no aparece en el gráfico. Quiero agregar el título en el eje X del gráfico para representar las llamadas recibidas en el gráfico. import React from ‘react’; import { Card, CardHeader, Divider } from ‘@mui/material’; import { Bar } . . . Read more
Quiero agregar relleno a un gráfico de líneas usando el paquete react-chartjs-2. Estoy pasando fill: true al conjunto de datos pero eso no funciona como se espera. ¿Alguna sugerencia? const data = { labels, datasets: [ { label: “Balance”, data: history.balances.map((item) => item.balance), fill: true, borderColor: “rgba(190, 56, 242, 1)”, . . . Read more
Estoy trabajando en react-chartjs-2 y quiero aumentar la separación entre las etiquetas para que se ajuste al desplazamiento horizontal. const data = { labels: labels, datasets: [{ axis: ‘y’, label: ‘Gráfico de líneas’, data: [7, 6, 2, 7, 6, 7, 8, 7] fill: false, backgroundColor: [ ‘rgba(255, 99, 132, 0.2)’, . . . Read more