dygraphs
Version:
dygraphs is a fast, flexible open source JavaScript charting library.
50 lines (42 loc) • 1.4 kB
HTML
<html>
<head>
<meta charset="UTF-8">
<title>negatives</title>
<link rel="stylesheet" type="text/css" href="../dist/dygraph.css" />
<link rel="stylesheet" type="text/css" href="../common/vextlnk.css" />
<script type="text/javascript" src="../dist/dygraph.js"></script>
</head>
<body>
<p>All negatives (x-axis on top):</p>
<div id="g1" style="width:600px; height:200px;"></div>
<p>Mixed (x-axis in middle):</p>
<div id="g2" style="width:600px; height:200px;"></div>
<p>All positives (x-axis on bottom):</p>
<div id="g3" style="width:600px; height:200px;"></div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
Dygraph.onDOMready(function onDOMready() {
var negs = [];
var mixed = [];
var pos = [];
for (var i = 0; i < 100; i++) {
negs.push([i, -210 + i, -110 - i]);
mixed.push([i, -50 + i, 50 - i]);
pos.push([i, 1000 + 2 * i, 1100 + i]);
}
var g1 = new Dygraph(
document.getElementById("g1"),
negs, { labels: [ 'x', 'y1', 'y2' ] }
);
var g2 = new Dygraph(
document.getElementById("g2"),
mixed, { labels: [ 'x', 'y1', 'y2' ] }
);
var g3 = new Dygraph(
document.getElementById("g3"),
pos, { labels: [ 'x', 'y1', 'y2' ] }
);
});
//--><!]]></script>
</body>
</html>