I want to fill the color between multiple stacked line graphs in Flot. I tried doing this for just two graphs and that works when I reverse the order of the coordinates in the second graph from max(X) to min(X). Any ideas on how I can do that for multiple graphs?

I want to fill the color between multiple stacked line graphs in Flot. I tried doing this for just two graphs and that works when I reverse the order of the coordinates in the second graph from max(X) to min(X). Any ideas on how I can do that for multiple graphs?

• javascript
• jquery
• flot

Share Improve this question Follow asked Mar 10, 2011 at 20:05 Vijay KotariVijay Kotari 2,04533 gold badges1616 silver badges1616 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 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 }
  }
});

Works well for me. Just make sure you include the stack and fillBetween plugins (in that order) in your includes.