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

Question

我想在 Flot 中填充多个堆叠折线图之间的颜色。我尝试仅对两个图表执行此操作，并且当我将第二个图表中的坐标顺序从 max(X) 反转为 min(X) 时，它会起作用。关于如何为多个图表做到这一点的任何想法？

Answer 1

$.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 }
  }
});

对我来说效果很好。只需确保在您的 include 中包含 stack 和 fillBetween 插件（按此顺序）。