Làm thế nào để hiển thị biểu đồ thanh này với flot

Question

Bạn có thể hiển thị biểu đồ thanh như thế này bằng cách sử dụng cục không?

Tôi có cần phải tạo ra các dữ liệu bằng tay để có được kết quả này, thay vì sử dụng chế độ: 'thời gian'?

Answer 1

Trên thực tế pretty easy để sản xuất sử dụng 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); 
}); 

Tạo: