Flow showingline and area charts

Uses options per series

by JMBucknall

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/flot/0.8.3/jquery.flot.min.js"></script>
<div id="chart"></div>

CSS

#chart {
  width:400px;
  height:300px;
}

JavaScript

jQuery(function($) {
  var series1 = [ [1, 1], [2, 2], [3, 6] ];
  var series2 = [ [1, 2], [2, 5], [3, 4] ];
  var series3 = [ [1, 4], [2, 1], [3, 8] ];
  var series4 = [ [1, 8], [2, 7], [3, 1] ];

  $.plot("#chart", [
  	{ data: series1, lines: {fill: true}, label: "one" }, 
  	{ data: series2, lines: {fill: true}, label: "two" }, 
  	{ data: series3, lines: {fill: false}, label: "three" }, 
  	{ data: series4, lines: {fill: false}, label: "four" }
  ]);

});