Cómo renderizar este gráfico de barras con flot

Question

¿Se puede hacer un gráfico de barras como este usando flot?

¿Es necesario crear el conjunto de datos de forma manual para obtener este resultado, en lugar de utilizar el modo: 'tiempo'?

Answer 1

En realidad pretty easy para producir usando flot.

var options = { 
    series: { 
     bars: { 
      show: true, 
      barWidth: 15778463000, // 1/2 year in milliseconds 
      align: 'center' 
     }, 
    }, 
    yaxes: { 
     min: 0 
    }, 
    xaxis: { 
     mode: 'time', 
     timeformat: "%y", 
     tickSize: [1, "year"], 
     autoscaleMargin: .10 // allow space left and right 
    } 
}; 

$(function() { 
    $.plot($('#placeholder'), [[[1230768000*1000, 100], //[seconds * 1000 = milli, y value] 
           [1262304000*1000, 200], 
           [1293840000*1000, 300]]], options); 
}); 

Produce: