number color chartjs chart chart.js

chart.js - color - line chart options chart js



Chartjs cambia el color de la línea de la cuadrícula (1)

Es posible eliminar las líneas de la cuadrícula o hacer que se muestren en un color diferente.

En ambos options.scales.xAxes y options.scales.yAxes puede agregar

gridLines: { display: false , color: "#FFFFFF" },

(Obviamente, no es necesario que asigne un color si no los desaprueba)

var chartColors = { red: ''rgb(255, 99, 132)'', orange: ''rgb(255, 159, 64)'', yellow: ''rgb(255, 205, 86)'', green: ''rgb(75, 192, 192)'', blue: ''rgb(54, 162, 235)'', purple: ''rgb(153, 102, 255)'', grey: ''rgb(231,233,237)'' }; var randomScalingFactor = function() { return (Math.random() > 0.5 ? 1.0 : -1.0) * Math.round(Math.random() * 100); } var MONTHS = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; var config = { type: ''line'', data: { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ label: "My First dataset", backgroundColor: chartColors.red, borderColor: chartColors.red, data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ], fill: false, }, { label: "My Second dataset", fill: false, backgroundColor: chartColors.blue, borderColor: chartColors.blue, data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ], }] }, options: { responsive: true, title: { display: true, text: ''Chart.js Line Chart'' }, tooltips: { mode: ''label'', }, hover: { mode: ''nearest'', intersect: true }, scales: { xAxes: [{ display: true, gridLines: { display: false }, scaleLabel: { display: true, labelString: ''Month'' } }], yAxes: [{ display: true, gridLines: { display: false }, scaleLabel: { display: true, labelString: ''Value'' } }] } } }; var ctx = document.getElementById("canvas").getContext("2d"); window.myLine = new Chart(ctx, config);

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.1/Chart.js"></script> <div style="width:100%;"> <canvas id="canvas"></canvas> </div>

Primero no sé cómo se llama. ¿Pero cómo cambias su color de gris a blanco? ¿O es posible?