Preguntas con la etiqueta [chart.js]
Chart.js es una biblioteca de JavaScript que puede ser usada para crear gráficas de datos animadas e interactivas
242
preguntas
0
votos
1
respuesta
21
vistas
Error al cargar mi grafica, chartsjs no reconoce mis variables
Intento mostrar en mi grafica el total de los pacientes obtenidos por cada mes del año 2021 pero no aparece ninguna informacion en la gráfica.
De hecho las graficas desaparecen al ejecutar el código. ...
2
votos
1
respuesta
30
vistas
Añadir visualmente los puntos de decimales
Me gustaría que al visualizar mi gráfica, los números que intervienen en ella tuvieran el formato xxx.xxx, ahora mismo los omite y no añade símbolo de puntuación ninguno.
He intentado añadirlo dentro ...
0
votos
1
respuesta
45
vistas
Labels al top de graficos
Estoy realizando una grafica, usando Chart.js, funciona, ahora necesito ubicar el label que muestra la información dentro de la barra del grafico o arriba de este usando Chartjs-plugin-datalabels , ...
1
voto
1
respuesta
40
vistas
Redondear esquinas en gráfico de barras - chart.js
Comencé a utilizar la librería Chart.js en mi proyecto personal, estuve repasando su documentación y me fue bien al momento de hacer mis primeros gráficos. Mi duda es que si existe alguna manera de ...
1
voto
1
respuesta
20
vistas
Ajustar fuente en grafico chartjs
Buenas estoy utilizando chartjs y necesito saber que propiedad se puede utilizar para modificar la orientación y fuente de un gráfico de barras para ser mas preciso del los datos del eje x como se ...
0
votos
0
respuestas
12
vistas
Cómo enviar datos de una base de datos PostgreSQL a un gráfico Chartjs
Estoy empezando hacer mi primer proyecto de un web tipo dashboard con los datos de precios de la vivienda.
Tengo un index.js con conexión localhost a mi base de datos y puedo imprimir en consol.log ...
0
votos
1
respuesta
38
vistas
¿Cómo usar ChartJS 4 en modo local?
Necesito usar ChartJS 4 en modo local, sin cargar el .js de CDN para ejecutarlo en un PC sin acceso a internet, ¿Cómo podría hacerlo?
0
votos
0
respuestas
15
vistas
Agregar mas de un grafico en un grafico de chartjs
mi problema es que teniendo un grafico de line con chartjs, debo agregar mas de un label para mostrar diferentes resultados en ese grafico.
Actualmente el grafico funciona con un solo label pero el ...
0
votos
0
respuestas
43
vistas
Mostrar valor en % grafico de barras chartJs
estoy trabajando en un grafico de barras con chartJs y le agregué la opción de "anchor" para mostrar los valores dentro de la grafica de barras, sin embargo me gustaría que mostrara el signo ...
0
votos
0
respuestas
11
vistas
Numeros enteros en linechartjs
estoy trabajando sobre un gráfico de lineas en chartjs y los valores que me aparecen en la columna y son decimales y necesito que sean enteros, habrá alguna configuración que me permita hacer eso?
0
votos
1
respuesta
112
vistas
Cambiar tamaño grafico de barras chartjs
Estoy trabajando con chartjs para crear un gráfico de barra y no logro dar con alguna opción que me permita modificar el grueso de las barras mostradas, ya que cuando hay pocos datos estas se ven ...
0
votos
2
respuestas
37
vistas
Transformar atributos de JSON en ejes de un matriz
Estoy consumiendo un JSON para realizar un grafico con Chartjs de tipo barras de estilo stacked, los atributos de JSON los estoy tratando de transformar en los ejes una matriz, y después alimentar el ...
0
votos
0
respuestas
28
vistas
¿Cómo graficar con setInterval en chart.js?
Estoy intentando hacer una gráfica con chart.js, pero quiero que cada 5 segundos se actualice el valor que traigo de una base de datos con php. No sé como poner el div para poder hacerlo.
El valor que ...
0
votos
1
respuesta
62
vistas
¿Cómo pasar datos json a chart.js?
Ya tengo preparada mi consulta para tener ventas por dia, por mes y por año, ahora esta general pero solo es de agregar condición WHERE o dejar individual la consulta por dia, mes y año:
$stmt = $con-&...
3
votos
1
respuesta
182
vistas
Cambiar datos de chartjs según departamento seleccionado
Holis, tengo unas gráficas las cuales quiero que sea posible cambiar según el departamento seleccionado, pero no logro hacer que esto ocurra.
En este momento me estoy trayendo los datos desde un ...
0
votos
1
respuesta
26
vistas
Problema con Doughnut Chart JS, no es perfectamente circular
Estoy haciendo un gráfico de rosquillas con Chart.JS que se parece al diseño, lo he hecho pero no es un círculo perfecto y es muy triangular. Gracias por su ayuda.
const ctxx = document....
0
votos
0
respuestas
27
vistas
No logro mostrar los valores de mi base de datos en una grafica utilizando chartjs
estoy intentando practicar con chartjs, por eso he bajado un código de Internet para adaptarlo a mis necesidades.
Necesito mostrar la cantidad de pacientes que nacieron en un mes especifico según sus ...
1
voto
1
respuesta
38
vistas
Condicionales con fechas dentro de un foreach?
Buenas tengo el siguiente código.
foreach ($tickets->list as $key => $val) :
$data_fecha = date("Y-m-d",strtotime($val->data['fec_Emision']['valor']));
if($data_fecha ...
0
votos
0
respuestas
62
vistas
Reporte FPDF con gráfico con datos obtenidos de MySQL
Estoy generando mi reporte con gráfica por medio de FPDF, PHP y MySQL.
En mi base de datos ya tengo un cierto número de alumnos, con esos datos dentro de un While recorro mi base de datos y genero un ...
0
votos
0
respuestas
15
vistas
Chart js Cannot read properties of null (reading 'x')
Buen dia perdonen... tengo un grafico tipo "pie" donde estoy incorporando plugins: [ChartDataLabels] pero me arroja el siguiente error:
Lo extraño es que ese error solo me lo marca cuando ...
0
votos
1
respuesta
29
vistas
¿Por qué el tamaño de mi CANVAS en PNG convertido por Base64 se reduce?
estoy creando un método para utilizar la codificación BASE64 de una imagen en otro archivo mediante un POST de un FORM.
Mi problema ocurre cuando recibo la imagen desde el POST en el otro lado del ...
0
votos
1
respuesta
37
vistas
Obtener información de un JSON con Fetch desde una URL
Quiero leer una json de una url local para que se visualice con chartjs pero el recorrido del data.map me tira que no es una funcion.
Quiero Hacer la peticion por medio de un fetch utilizando map para ...
0
votos
1
respuesta
31
vistas
Como agregar array a un json para chartjs
Hola nunca habia trabajado con un json, y estoy recibiendo este dato de estatus. El json me devuelve meses y dentro de ellos deverian venir 3 estatus(Avtivo, bloquedo y cerrado), pero en unos meses ...
1
voto
1
respuesta
52
vistas
¿Cómo agregar un grafico a mi template en HBS? (Nodejs - Express - Puppeeter)
necesito su ayuda porfavor
CONTEXTO
Resulta que estoy creando reportes desde el backend, la idea es crearlos alli y luego llamarlos desde el cliente. Hasta alli todo bien, estoy utilizando nodejs con ...
0
votos
0
respuestas
31
vistas
mostrar varios gráficos en un html con angular y chart.sj
tengo un servicio en java, que me responde varios datos, los cuales quiero mostrar en varios graficos.
Por el momento, me construí varios controllers que invocan cada uno al mismo método para obtener ...
0
votos
1
respuesta
33
vistas
Como traer 2 datos por ajax y graficar en una sola
Necesito colocar una grafica de diferencia venta x gasto. Traigo los datos por medio de jquery y consulta en la base de datos, estoy estancado porque no sé como enviar los datos por separados a uno ...
1
voto
0
respuestas
12
vistas
Chart JS no funciona si no hasta que le doy click al label 2 veces
Estoy tratando de generar una grafica basica con una consulta que ya funciona, pero cuando le doy click al boton para generar la grafica, esta queda vacia y solo carga cuando oprino el label 2 veces, ...
0
votos
0
respuestas
45
vistas
Tengo un inconveniente con la libreria Chart Js con svelte al pasar a produccion
Al intentar usar Chart js en modo desarollador, la libreria trabaja como se espera, sin embargo al al pasar a produccion con svelte noto que esta libreria deja de funcionar por completo y en la ...
0
votos
0
respuestas
21
vistas
React-Bootstrap componente de pestañas cambia el tamaño de contenido con defaultActiveKey
Tengo un componente de pestañas hecho con react bootstrap. Tengo 4 graficos diferentes hechos con react-charts js 2, cada uno de ellos aparece como hijo de un componente Tab. Hasta ahí todo bien, les ...
0
votos
0
respuestas
66
vistas
Como graficar los datos con chart.js?
Estoy graficando los datos de una tabla, el problema que se me presenta es al cargar la data de forma dinámica, ya que este arreglo viene con una key que es dinamica y key 'fecha' que es fija , si le ...
0
votos
1
respuesta
190
vistas
¿ de que forma puedo realizar un grafico mvc en c# con chart js?
no se de que forma podre realizar un grafico chart js, en c#, mvc, tengo mi tabla con todos los datos, pero solamente necesito, los nombre y diferencia de las columnas respectivas, abajo tengo un ...
0
votos
2
respuestas
251
vistas
Empezar en 0 en el eje Y usando chart.js
Estoy usando chart.js y creando un grafico line.
Los datos que quiero mostrar son {"2020":"373","2021":"523","2022":"304"}
El grafico se ...
0
votos
1
respuesta
91
vistas
No se puede visualizar 2 de mis gráficos al mismo tiempo en una pagina web | Chart.js
Al momento de insertar mis 2 graficas con el ID me muestra los 2 pero no al mismo tiempo, solo se ve 1 pero si recargo la pagina se ve el otro, ya intente de todo y no me muestra errores en la consola,...
1
voto
1
respuesta
27
vistas
¿Como puedo hacer para que mi gráfica imprima la cantidad de reporte que se hacen por día?
Estoy tratando de crear una gráfica de barra que me muestre cuántos reportes se hacen por día.
La gráfica me lo muestra pero no sé cómo puedo hacer que sumen las columnas que tienen la misma fecha y ...
0
votos
0
respuestas
21
vistas
Como insertar una gráfica en un jPanel con JFreeChart en Java?
Tengo el gráfico generado pero no consigo que aparezca en el panel que quiero, cabe recalcar que es un panel dentro de otro panel, pero de ninguna forma consigo mostrarlo, siempre se queda en blanco
...
0
votos
0
respuestas
146
vistas
¿Cómo puedo hacer una grafica en React conectada a MySQL?
estoy haciendo un proyecto en donde debo de generar graficas con información que esta dentro de mi base de datos, y esas graficas las tengo que poner como imagen sobre un pdf, pero no logro conectar ...
0
votos
0
respuestas
14
vistas
Problema con Ng2Charts en ChartData, envió labels y datasets pero no muestra nada
Estoy programando en Angular con un API, tengo que traer datos de ese API para mostrarlos en la gráfica y lo hago de esta forma:
createChart() {
this.teamRest.createChart(this.idLeague).subscribe({...
0
votos
0
respuestas
79
vistas
¿Cómo aplicar la siguiente gráfica de ChartJS en ReactJS?
Sucede que tengo el siguiente código realizado en html y javascript, mismo que involucra la librería de ChartJS, para explicar un poco, realicé los legends de forma "custom" para poderles ...
1
voto
0
respuestas
80
vistas
Pasar datos de tipo input a una gráfica de chartjs
Tengo una página con respuesta de type "Radio" en html y quiero que al seleccionar la opción de mostrar resultado me muestre un gráfico en chart.js
este es el html pero no sé cómo hacerle:
¿...
0
votos
0
respuestas
52
vistas
¿Como poner background-color a cada columna de un Chart JS?
Quiero que cada Columna tenga un color de fondo diferente(claro con algo de opacidad para que no oculte los datos), el fondo blanco por defecto no me agrada.
No sé si Chart JS tiene alguna propiedad ...
0
votos
2
respuestas
474
vistas
Como Eliminar Lineas de ejes en Chart.js
Como Puedo Eliminar las barras de los ejes que están señaladas con las flechas azules, llevo tiempo buscando pero no encuentro la respuesta , agradezco su ayuda :D
1
voto
1
respuesta
135
vistas
cambiar el color de las cuadriculas en chart js React
No se como Cambiar el color de las cuadriculas del grafico
y no se si chart js tenga una propiedad para editarlo
Agradezco de antemano
2
votos
2
respuestas
487
vistas
¿Como puedo realizar un grafico en la librería Chart.js trayendo los datos con una consulta sql en php?
utilizando la librería Chart.js, intento realizar un grafico trayendo los datos de una base de datos por medio de una consulta sql en php, trate de empezar con algo simple, en la base de datos tengo ...
0
votos
0
respuestas
30
vistas
obtener todos los valores del arreglo para grafica
Estoy intentando graficar valores que el usuario ingresa de forma dinamica, los obtengo en un arreglo llamado arregloValore pero al momento de querer pasar el metodo a la data de la grafica solo ...
0
votos
1
respuesta
65
vistas
Generar Multiple LineChart ChartJS desde un Objeto
de antemano muchas gracias.
Estoy tratando de cargar un ChartLine con Chartjs en Angular, la propiedades del Chart hasta donde logre entender deben ser array, en labels y en el data del datasets, mi ...
0
votos
0
respuestas
45
vistas
Separación horizontal de datos en eje tiempo de Google Charts, datos de MySQL en php
Estoy usando un gráfico de Google Line Chart, tomo datos de una base de datos de MySQL, para mostrar puntos de algunas variables en diferentes fechas y horas.
El tiempo de muestra es de 1 minuto, pero ...
-1
votos
1
respuesta
146
vistas
ChartJS formatear tooltips
Tengo un grafico en chartjs que me muestra cantidades sin formatear en los tooltips. Al pasar el mouse me muestra bien los valores formateados. Pero quiero que los tooltips siempre sean visibles, pero ...
0
votos
1
respuesta
22
vistas
Como puedo generalizar un parámetro para arrays grandes en Chart.js?
he conseguido visualizar de manera correcta estos arrays en chart js:
var labelsValue = ['manzanas','peras','naranjas']
var dataValue = ['22','24','25']
var colours = ['#003559', '#4C6B8B', '#005B99']...
0
votos
1
respuesta
138
vistas
Controlar los puntos de datos con Chart Js
Estoy usando chart js, y como requisito me pidieron cambiar los puntos de inicio de la escala x y la escala y, eso ya lo tengo pero me estan pidiendo que si se puede estar cambiando el valor de los &...
1
voto
2
respuestas
55
vistas
Mensaje "Bad Request" al abrir shorturl generada con quickchart.io/create
He generado un grafico generado con https://www.chartjs.org/, del cual quiero obtener una imagen jpg. Para ello utilizo https://quickchart.io/.
https://quickchart.io/chart?c={type:'bar',data:{labels:[...