Skip to main content
1 de 2
Marcos
  • 35.7k
  • 7
  • 36
  • 70

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:

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>

Marcos
  • 35.7k
  • 7
  • 36
  • 70