mini_weather/debug.html at master · andre-i/mini_weather · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
        <html>
<head>
    <script src="raw_scripts/plotter.js"></script>
    <meta charset="utf-8" lang="ru">
</head>
<body>
<h1> test plotter.js</h1>
<div name="chart"></div>
<footer>
    <hr width="80%" />
    <h3 align="center">Ends of chart</h3>
    <div name="mess"></div>
</footer>
<script type="text/javascript">
    debug = true;
    /*

     setAxisLabels: setAxisLabels,   // labels beside axis ends(arrow)
     create: buildGraph,  // starts process build and draw chart
     hasVisibleValues: hasSetPointValues, // has visible values on points of chart
     chartColor: setChartColor, // color of chart
     simpleChart: drawEstimated,  // draw any count diagrams from gotten data
     clearSimpleChart: clearEstimated

     */
    console.log('Start Draw Chart');
    var owner = document.getElementsByName('chart')[0];
    var props = { };
    var plotter = new Plotter(owner, 500, 400);
    plotter.setAxisLabels('xLabel','yLabel');
    plotter.chartColor('#a77');
   // plotter.create("TestChart", [ 16, 32, 17, 22, 25, 30, 35, 29, 22, 16, 15],{ edges : { min : 15, max : 40} });
   console.log("drawChart 1");
    plotter.create("TestChart", [ 16, 16,16,12,16,10,16,16,16,15 ], { min : 15, max : 40} );
    console.log("Draw chart 2");
    setTimeout(
      function(){ plotter.create("TestChart",
                      [ 22,22,22,22,22,23,24,23,22,0,0,0,22],{ min: 3, max: 28}
                    )},
       4000
    );
    setTimeout(
            function(){ plotter.create("ChartWithOneValue",
                    [ 22 ],{ min: 3, max: 28}
            )},
            8000
    );


</script>
</body>
        </html>