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);