Flot是否支持間隔條圖？

Question

Flot是否提供使條形圖浮動的選項？我正在尋找相當於interval bar plot（PyChart）的Flot。下面的圖片是從鏈接採取：

（我知道，海軍報可能不支持這一點，因爲它似乎是在海軍報每欄只有一個變量，但我不知道）。

編輯：任何JavaScript庫的建議也歡迎！

Answer 1

我使用Flot的條形圖和Flot的stacking管理了一個解決方法。基本上對於空白空間，我創建了一個白色的堆棧（除了邊緣之外，它以某種方式被轉換爲透明）。不幸的是，Flot的堆疊需要相同級別的所有堆棧具有相同的類型/顏色。爲了繞過這一點，一些條紋在錯誤顏色的堆疊中具有零寬度。結果看起來非常好！

相應的代碼如下（例如數據不對應於圖像的上方，因爲這將是一個小過大。這說明只有兩個「顏色」）。

var series = [ 
    { 
     data: [ 
      [24.0, 0],    
      [6.93333333333, 1], 
      [6.95, 2], 
      [6.91666666667, 3], 
      [6.95, 4],    
     ], 
     color: "#FFFFFF", 
    }, 
    { 
     data: [ 
      [0.0, 0], 
      [0.0666666666667, 1], 
      [0.05, 2], 
      [0.0833333333333, 3], 
      [0.05, 4],    
     ], 
     color: "#FFFF00", 
    }, 
]; 
date_ticks_pre = [[0, "Okt 19, 2014"], [1, "Okt 20, 2014"], [2, "Okt 21, 2014"], [3, "Okt 22, 2014"], [4, "Okt 23, 2014"]]; 
var options = { 
    series: { 
    bars: { 
     show: true, 
     barWidth: .75, 
     horizontal: true, 
     align: "center" 
    }, 
    stack: true, 
    }, 
    xaxis: { 
    ticks: 24, 
    }, 
    yaxis: { 
    ticks: date_ticks_pre, 
    }, 
    zoom: { interactive: true }, 
    pan: { interactive: true }, 
}; 
$.plot('#flot_plot', 
     series, 
     options);