4 <link rel=
"stylesheet" href=
"../dist/dygraph.css">
5 <title>numeric axis
</title>
6 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
8 <script type=
"text/javascript" src=
"http://www.google.com/jsapi"></script>
11 <p>CSV data source:
</p>
12 <div id=
"div_g" style=
"width:600px; height:300px;"></div>
14 <p>GViz data source:
</p>
15 <div id=
"gviz" style=
"width:600px; height:300px;"></div>
17 <script type=
"text/javascript">
19 document.getElementById(
"div_g"),
21 var ret =
"X,Y1,Y2\n";
22 for (var i =
0; i <
100; i++) {
23 ret += i +
"," + i +
"," + (i * (
100-i) *
100/(
50*
50)) +
"\n";
30 google.load('visualization', '
1', {packages: ['linechart']});
32 data = new google.visualization.DataTable();
33 data.addColumn('number', 'X');
34 data.addColumn('number', 'Y1');
35 data.addColumn('number', 'Y2');
37 for (var i =
0; i <
100; i++) {
38 data.setCell(i,
0, i);
39 data.setCell(i,
1, i);
40 data.setCell(i,
2, i * (
100-i) *
100/(
50*
50));
43 new Dygraph.GVizChart(
44 document.getElementById('gviz')).draw(data,
49 google.setOnLoadCallback(addGViz);