Estoy tratando de agregar un conjunto de datos a mi gráfico para comparar valores. Ya tengo el rojo y quiero agregar el azul como se puede ver en esta foto: Gráfico
El problema que tengo es que, como se puede ver en la imagen, la línea azul es mucho más alta que la roja, pero si miramos los valores, la línea azul debería estar debajo de la línea roja... ¿Alguien sabe por qué mi línea azul? es asi?
Aquí está mi código:
datasets: [{ backgroundColor: window.chartColors.red, borderColor: window.chartColors.red, data: [ {% if history|length > 0 %} {{ history['values']|join(',') }} {% endif %} ], fill: false, }, { backgroundColor: window.chartColors.blue, borderColor: window.chartColors.blue, data: [ {% if history|length > 0 %} {{ history['valuesSecteur']|join(',') }} {% endif %} ], fill: false, }]EDITAR También quería agregar que los datos de la línea azul son 8 veces el valor 2.5, por lo que no entiendo por qué la línea no es recta. En realidad está copiando la línea roja...
¡Ok, logré arreglarlo!
Estaba en las opciones de Gráfico en 'escalas'.
options: { scales: { xAxes: [{ ... }], yAxes: [{ ... }, stacked: false, ticks: { ... } }] } }stacked se configuró en verdadero y es por eso que se rompió. Debería estar en falso.