Flot是否支持区间条形图？

Question

Flot是否提供了使条形图浮动的选项？我正在寻找一个等于interval bar plot（PyChart）的Flot。以下图片来自链接：

（我知道Flot可能不支持这个，因为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);