Estoy utilizando Morris bar para graficar pero mis datos son dinámicos mi problema que necesito cambiar cada color de cada barra pero no me sale este es mi codigo gracias. Ocupo un arreglo para llamar los datos y son 8 y los 8 corresponde a cada cada bara de tareas. No se si este bien la función barColor para llamar o a que se debe que no cambie el color por cada barra.
var bar = new Morris.Bar({
element: 'bar-chart',
resize: true,
data: [
<?php
echo "{y:'".$arrayestado[0]."',a:'".$estados[0]."'},";
echo "{y:'".$arrayestado[1]."',a:'".$estados[1]."'},";
echo "{y:'".$arrayestado[2]."',a:'".$estados[2]."'},";
echo "{y:'".$arrayestado[3]."',a:'".$estados[3]."'},";
echo "{y:'".$arrayestado[4]."',a:'".$estados[4]."'},";
echo "{y:'".$arrayestado[5]."',a:'".$estados[5]."'},";
echo "{y:'".$arrayestado[6]."',a:'".$estados[6]."'},";
echo "{y:'".$arrayestado[7]."',a:'".$estados[7]."'},";
?>
],
barColors: function (row, series, type) {
switch(row.y){
case 1: {
return 'red';
}case 2: {
return 'green';
}case 3: {
return 'blue';
}case 4: {
return 'cyan';
}case 5:{
return 'magenta';
}case 6:{
return 'purple';
}case 7:{
return 'gold';
}
default:{
return 'orange';
}
}
},
xkey: 'y',
ykeys: ['a'],
labels: [''],
preUnits: '',
hideHover: 'auto'
});
</script>
row.label
. Y declara elbarColor
al final.xkey: 'y', ykeys: ['a'], labels: [''], preUnits: '', hideHover: 'auto', barColors: function (row, series, type) { switch(row.label){ case 1: { return 'red'; }case 2: { return 'green'; }case 3: { return 'blue'; }case 4: { return 'cyan'; }case 5:{ return 'magenta'; }case 6:{ return 'purple'; }case 7:{ return 'gold'; } default:{ return 'orange'; } } }
Ahora todos son naranja