如何在Flot中的多个堆叠线图之间填充颜色?

时间:2011-03-10 20:05:41

标签: javascript jquery flot

我想在Flot中填充多个堆叠线图之间的颜色。我尝试仅为两个图表执行此操作,并且当我将第二个图形中的坐标顺序从最大(X)反转到最小(X)时,这是有效的。关于如何为多个图表做到这一点的任何想法?

1 个答案:

答案 0 :(得分:8)

$.plot($('#graph'),
[
 {data:d1, id:'foo'}, 
 {data:d2,id:'bar',fillBetween:'foo'}, 
 {data:d3,id:'baz',fillBetween:'bar'} 
], 
{
  series: {
      stack: true,
      lines: { show: lines, fill: true, steps: steps }
  }
});

适合我。只需确保在包含中包含堆栈和fillBetween插件(按此顺序)。