Basic Flotr Example

by cesutherland

HTML

<script src="https://raw.github.com/HumbleSoftware/Flotr2/master/flotr2.min.js"></script>
<link rel="stylesheet" href="https://raw.github.com/HumbleSoftware/Flotr2/master/examples/examples.css">
<div id="example"></div>
<br />
<h1>Reproduction:</h1>
<br />
<div id="repro"></div>

CSS

#example, #repro {
    width: 340px;
    height: 220px;
}

JavaScript

(function basic(container) {

  var
    d1 = [[0, 103], [4, 101], [5, 102], [6, 102], [7, 101], [8, 105], [9, 102]], // First data series
    i, graph;

  // Draw Graph
  graph = Flotr.draw(container, [ d1 ]);
})(document.getElementById("example"));

(function basic(container) {

  var
    d1 = [[0, 103], [4, 101], [5, 102], [6, null], [7, 101], [8, 105], [9, 102]], // First data series
    i, graph;

  // Draw Graph
  graph = Flotr.draw(container, [ d1 ]);
})(document.getElementById("repro"));