Tag: CHART.JS
Estoy tratando de mostrar datos de un gráfico que obtiene un Barangay específico (pueblo o distrito) de una lista desplegable. Por ejemplo, tengo un gráfico que muestra la cantidad de hombres y mujeres de un Barangay en los últimos diez años, y solo necesito seleccionar uno específico de la lista . . . Read more
¿Alguien sabe por qué los subtítulos no se muestran en react-chartjs-2? Todo lo demás parece funcionar bien. El título se muestra y puedo obtener datos para mostrar en el gráfico. Pero agregar un subtítulo no hace nada. Aquí está mi objeto de opciones de gráfico: const chartOptions = { plugins: . . . Read more
Cómo ocultar valores que son falsos ? ( 0, null o undefined) He intentado hacer algo así new Chart(this.barCanvas.nativeElement, { … data: { datasets: [{ data: [ value < 1 ? null : value, value2 < 1 ? null : value2, valueX < 1 ? null : valueX, ], }], . . . Read more
Quiero dibujar una línea para mostrar el valor cero en un eje y. Tengo esto funcionando: afterDraw(chart) { const {ctx, scales} = chart; Object.keys(scales).forEach((key) => { const scale = scales[key]; if (scale.axis !== ‘y’) { return; } const yCoordinate = scale.getPixelForValue(ZERO_COORDINATE); ctx.fillStyle = ‘blue’; ctx.fillRect(0, yCoordinate, 200, 5); }); }, . . . Read more
Estoy tratando de lograr el Tooltip que se muestra a continuación en la primera imagen. Dentro del tooltip, necesito mostrar los datos de yAxes y xAxes. La versión de chart.js que estoy usando es la 3.7.0. Mi tooltip se ve así: ¡tooltip El tooltip que estoy intentando copiar: ¡tooltip La . . . Read more