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: 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: <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> 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'; } } }); <!-- language: lang-html --> <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> <!-- end snippet -->