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>

CSS

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

JavaScript

(function basic(container) {
    var d1 = [];
    for (var i = 0; i < 10000; i += 0.5)
        d1.push([i, Math.sin(i)]);
    console.time('test');
  // Draw Graph
  graph = Flotr.draw(container, [ d1 ], {
    xaxis: {
      minorTickFreq: 4
    }, 
    grid: {
      minorVerticalLines: true
    }
  });
    console.timeEnd('test');
})(document.getElementById("example"));