+<!DOCTYPE html>
<html>
<head>
<title>numeric axis</title>
- <!--[if IE]>
- <script type="text/javascript" src="excanvas.js"></script>
- <![endif]-->
- <script type="text/javascript" src="../dygraph-combined.js"></script>
- <script type="text/javascript" src="../dygraph.js"></script>
+ <!--
+ For production (minified) code, use:
+ <script type="text/javascript" src="dygraph-combined.js"></script>
+ -->
+ <script type="text/javascript" src="../dist/dygraph.js"></script>
+
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
</head>
<body>
<p>CSV data source:</p>
- <div id="g" style="width:600px; height:300px;"></div>
+ <div id="div_g" style="width:600px; height:300px;"></div>
<p>GViz data source:</p>
<div id="gviz" style="width:600px; height:300px;"></div>
<script type="text/javascript">
- g = new DateGraph(
- document.getElementById("g"),
+ g = new Dygraph(
+ document.getElementById("div_g"),
function() {
var ret = "X,Y1,Y2\n";
for (var i = 0; i < 100; i++) {
ret += i + "," + i + "," + (i * (100-i) * 100/(50*50)) + "\n";
}
return ret;
- }, null,
- {
- xValueParser: function(x) { return parseFloat(x); },
- xValueFormatter: function(x) { return x; },
- xTicker: DateGraph.prototype.numericTicks
- }
+ },
+ { }
);
google.load('visualization', '1', {packages: ['linechart']});
data.setCell(i, 2, i * (100-i) * 100/(50*50));
}
- new DateGraph.GVizChart(
+ new Dygraph.GVizChart(
document.getElementById('gviz')).draw(data,
{
- xValueParser: function(x) { return parseFloat(x); },
- xValueFormatter: function(x) { return x; },
- xTicker: DateGraph.prototype.numericTicks
});
}