I have had great success creating graphics with Flot. However, I cannot understand how one could shade in the area between two lines using the library. My goal is to create shaded areas as shown below:
Graph1 http://hizkiya.com/images/1.jpg
Graph2 http://hizkiya.com/images/2.jpg
I found this plugin, but it seems that it can only shade the range of string values, as shown here .
Update:
I finally got the shading, although it is somewhat hacked. I record what works here so that others can benefit.
To obscure the gap between two rows, you must combine the two datasets, and the top one in the reverse order. Make sure that the first and last points of the datasets are the same, otherwise you may get strange results.
So, for example, if I installed lines: { fill: true}with data: [[0,8],[100,8],[100,8],[90,7],[85,6], [10,6], [0,8]], I get a populated area.
source
share