javascript chart.js

javascript - Color de la etiqueta de Chart.js



(1)

Estoy usando chart.js para crear un gráfico de barras y parece que no se pueden cambiar los colores de la etiqueta o los colores de la leyenda. Descubrí cómo cambiar los colores de la marca, pero no estoy seguro de dónde colocar el ''scaleFontColor'', si eso es lo que necesito usar.

Aquí hay un enlace a lo que parece ahora. http://imgur.com/nxaH1mk

Y aquí está mi código:

var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { scaleFontColor: "white", type: "bar", data: { labels: <?php echo json_encode($timeSlice); ?>, datasets: [{ label: "A Label", backgroundColor: "rgba(159,170,174,0.8)", borderWidth: 1, hoverBackgroundColor: "rgba(232,105,90,0.8)", hoverBorderColor: "orange", scaleStepWidth: 1, data: <?php echo json_encode($myCount); ?> }] }, options: { legend: { fontColor: "white" }, scales: { yAxes: [{ ticks: { fontColor: "white", stepSize: 1, beginAtZero: true } }] } } });

Cualquier ayuda sería muy apreciada.


Guh lo solucioné, disculpen la pregunta. Pero supongo que dejaré una respuesta en caso de que alguien más se encuentre con mi problema.

var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: "bar", data: { labels: <?php echo json_encode($timeSlice); ?>, datasets: [{ label: "My Label", backgroundColor: "rgba(159,170,174,0.8)", borderWidth: 1, hoverBackgroundColor: "rgba(232,105,90,0.8)", hoverBorderColor: "orange", scaleStepWidth: 1, data: <?php echo json_encode($myCount); ?> }] }, options: { legend: { labels: { fontColor: "white", fontSize: 18 } }, scales: { yAxes: [{ ticks: { fontColor: "white", fontSize: 18, stepSize: 1, beginAtZero: true } }], xAxes: [{ ticks: { fontColor: "white", fontSize: 14, stepSize: 1, beginAtZero: true } }] } } });