Subversion Repositories php-qbpwcf

Rev

Rev 23 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
23 liveuser 1 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 
<html>
3 
 
4 
    <head>
5 
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
6 
        <title>amCharts examples</title>
7 
        <link rel="stylesheet" href="style.css" type="text/css">
8 
        <script src="../amcharts/amcharts.js" type="text/javascript"></script>
9 
        <script src="../amcharts/serial.js" type="text/javascript"></script>
10 
        <script src="../amcharts/themes/dark.js" type="text/javascript"></script>
11 
 
12 
        <script>
13 
            var chart = AmCharts.makeChart("chartdiv", {
14 
                "type": "serial",
15 
                "theme": "dark",
16 
                "dataDateFormat": "YYYY-MM-DD",
17 
                "dataProvider": [{
18 
                    "date": "2013-11-30",
19 
                    "value": 104
20 
                }, {
21 
                    "date": "2013-12-01",
22 
                    "value": 108
23 
                }, {
24 
                    "date": "2013-12-02",
25 
                    "value": 103
26 
                }, {
27 
                    "date": "2013-12-03",
28 
                    "value": 105
29 
                }, {
30 
                    "date": "2013-12-04",
31 
                    "value": 136
32 
                }, {
33 
                    "date": "2013-12-05",
34 
                    "value": 138
35 
                }, {
36 
                    "date": "2013-12-06",
37 
                    "value": 113
38 
                }, {
39 
                    "date": "2013-12-07",
40 
                    "value": 131
41 
                }, {
42 
                    "date": "2013-12-08",
43 
                    "value": 114
44 
                }, {
45 
                    "date": "2013-12-09",
46 
                    "value": 124
47 
                }],
48 
                "valueAxes": [{
49 
                    "maximum": 140,
50 
                    "minimum": 100,
51 
                    "axisAlpha": 0,
52 
                    "guides": [{
53 
                        "fillAlpha": 0.1,
54 
                        "fillColor": "#CC0000",
55 
                        "lineAlpha": 0,
56 
                        "toValue": 120,
57 
                        "value": 0
58 
                    }, {
59 
                        "fillAlpha": 0.1,
60 
                        "fillColor": "#0000cc",
61 
                        "lineAlpha": 0,
62 
                        "toValue": 200,
63 
                        "value": 120
64 
                    }]
65 
                }],
66 
                "graphs": [{
67 
                    "bullet": "round",
68 
                    "dashLength": 4,
69 
                    "valueField": "value"
70 
                }],
71 
                "chartCursor": {
72 
                    "cursorAlpha": 0,
73 
                    "zoomable":false,
74 
                    "valueZoomable":true
75 
                },
76 
                "categoryField": "date",
77 
                "categoryAxis": {
78 
                    "parseDates": true
79 
                },
80 
                "valueScrollbar":{
81 
 
82 
                }
83 
            });
84 
        </script>
85 
    </head>
86 
 
87 
    <body style="background-color:#3f3f4f;">
88 
        <div id="chartdiv" style="width: 100%; height: 400px;"></div>
89 
    </body>
90 
 
91 
</html>