4 <link rel=
"stylesheet" href=
"../dist/dygraph.css">
5 <title>out of order
</title>
6 <script type=
"text/javascript" src=
"../dist/dygraph.js"></script>
8 <script type=
"text/javascript" src=
"http://www.google.com/jsapi"></script>
9 <script type=
"text/javascript">
10 // Capture warnings, since these are what we want in this test.
11 Dygraph.prototype.warn = function(msg) {
15 google.load('visualization', '
1');
17 function createDataTable(dateType) {
18 data = new google.visualization.DataTable();
19 data.addColumn(dateType, 'Date');
20 data.addColumn('number', 'Column A');
21 data.addColumn('number', 'Column B');
23 data.setCell(
0,
0, new Date(
"2009/07/15"));
24 data.setCell(
0,
1,
3);
25 data.setCell(
0,
2,
3);
26 data.setCell(
1,
0, new Date(
"2009/07/22"));
27 data.setCell(
1,
1,
4);
28 data.setCell(
1,
2,
0);
29 data.setCell(
2,
0, new Date(
"2009/07/08"));
30 data.setCell(
2,
1,
2);
31 data.setCell(
2,
2,
4);
32 data.setCell(
3,
0, new Date(
"2009/07/01"));
33 data.setCell(
3,
1,
1);
34 data.setCell(
3,
2,
7);
39 "Date,Column A,Column B\n" +
45 function drawVisualization() {
46 data = createDataTable('date');
48 var chart = new Dygraph.GVizChart(
49 document.getElementById('dygraphs_gviz')).draw(data, {
52 var graph = new Dygraph(document.getElementById('dygraphs'), csv);
55 google.setOnLoadCallback(drawVisualization);
59 <p>CSV data source out of order:
</p>
60 <div id=
"dygraphs" style=
"width:600px; height:300px;"></div>
62 <p>gviz data source out of order:
</p>
63 <div id=
"dygraphs_gviz" style=
"width:600px; height:300px;"></div>