El problema se debe a que row.y
es igual al "label" de cada columna, es decir, row.y
de la primer columna es igual a Cerrado
.
##Solución:
Solución:
Dado que no utilizas ningún ID para detectar e identificar cada fila, sino que simplemente quieres usar el "orden", deberías usar row.x
(el cual nos indica la columna a colorear).
###Demo:
Demo:
Morris.Bar({
element: 'bar-example',
data: [
{y: '2006', a: 100},
{y: '2007', a: 75},
{y: '2008', a: 50},
{y: '2009', a: 75},
{y: '2010', a: 50},
{y: '2011', a: 75},
{y: '2012', a: 100}
],
xkey: 'y',
ykeys: ['a'],
labels: [''],
barColors: function(row, series, type) {
if (type != 'bar') {
return;
}
switch (row.x) {
case 0: return 'red';
case 1: return 'green';
case 2: return 'blue';
case 3: return 'cyan';
case 4: return 'magenta';
case 5: return 'purple';
case 6: return 'gold';
default: return 'orange';
}
}
});
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<div id="bar-example"></div>