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 
 
11 
        <script>
12 
 
13 
            AmCharts.makeChart("chartdiv", {
14 
 
15 
                type: "serial",
16 
                dataProvider: [{
17 
                    "date": "2012-01-01",
18 
                    "value": 8
19 
                }, {
20 
                    "date": "2012-01-01",
21 
                    "value": 8
22 
                }, {
23 
                    "date": "2012-01-02",
24 
                    "value": 10
25 
                }, {
26 
                    "date": "2012-01-03",
27 
                    "value": 12
28 
                }, {
29 
                    "date": "2012-01-04",
30 
                    "value": 14
31 
                }, {
32 
                    "date": "2012-01-05",
33 
                    "value": 11
34 
                }, {
35 
                    "date": "2012-01-06",
36 
                    "value": 6
37 
                }, {
38 
                    "date": "2012-01-07",
39 
                    "value": 7
40 
                }, {
41 
                    "date": "2012-01-08",
42 
                    "value": 9
43 
                }, {
44 
                    "date": "2012-01-09",
45 
                    "value": 13
46 
                }, {
47 
                    "date": "2012-01-10",
48 
                    "value": 15
49 
                }, {
50 
                    "date": "2012-01-11",
51 
                    "value": 19
52 
                }, {
53 
                    "date": "2012-01-12",
54 
                    "value": 21
55 
                }, {
56 
                    "date": "2012-01-13",
57 
                    "value": 22
58 
                }, {
59 
                    "date": "2012-01-14",
60 
                    "value": 20
61 
                }, {
62 
                    "date": "2012-01-15",
63 
                    "value": 18
64 
                }, {
65 
                    "date": "2012-01-16",
66 
                    "value": 14
67 
                }, {
68 
                    "date": "2012-01-17",
69 
                    "value": 16
70 
                }, {
71 
                    "date": "2012-01-18",
72 
                    "value": 18
73 
                }, {
74 
                    "date": "2012-01-19",
75 
                    "value": 17
76 
                }, {
77 
                    "date": "2012-01-20",
78 
                    "value": 15
79 
                }, {
80 
                    "date": "2012-01-21",
81 
                    "value": 12
82 
                }, {
83 
                    "date": "2012-01-22",
84 
                    "value": 10
85 
                }, {
86 
                    "date": "2012-01-23",
87 
                    "value": 8
88 
                }],
89 
 
90 
                dataDateFormat: "YYYY-MM-DD",
91 
                categoryField: "date",
92 
 
93 
 
94 
                categoryAxis: {
95 
                    parseDates: true,
96 
                    minPeriod: "DD",
97 
                    gridAlpha: 0.1,
98 
                    minorGridAlpha: 0.1,
99 
                    axisAlpha: 0,
100 
                    minorGridEnabled: true,
101 
                    inside: true
102 
                },
103 
 
104 
                valueAxes: [{
105 
 
106 
                    tickLength: 0,
107 
                    axisAlpha: 0,
108 
                    showFirstLabel: false,
109 
                    showLastLabel: false,
110 
 
111 
                    guides: [{
112 
                        value: 10,
113 
                        toValue: 20,
114 
                        fillColor: "#00CC00",
115 
                        inside: true,
116 
                        fillAlpha: 0.2,
117 
                        lineAlpha: 0
118 
                    }]
119 
 
120 
                }],
121 
 
122 
 
123 
                graphs: [{
124 
                    id:"g1",
125 
                    lineColor: "#00CC00",
126 
                    valueField: "value",
127 
                    dashLength: 3,
128 
                    bullet: "round",
129 
                    balloonText: "<b><span style='font-size:14px;'>[[value]]</span></b>",
130 
                    balloon:{
131 
                        drop:true
132 
                    }
133 
                }],
134 
 
135 
                chartCursor: {
136 
                    limitToGraph:"g1",
137 
                    cursorColor:"#00CC00"
138 
                },
139 
                chartScrollbar: {
140 
 
141 
                },
142 
 
143 
                mouseWheelZoomEnabled: true,
144 
 
145 
                trendLines: [{
146 
                    initialDate: new Date(2012, 0, 2, 12),
147 
                    finalDate: new Date(2012, 0, 11, 12),
148 
                    initialValue: 10,
149 
                    finalValue: 19,
150 
                    lineColor: "#CC0000"
151 
                }, {
152 
                    initialDate: new Date(2012, 0, 17, 12),
153 
                    finalDate: new Date(2012, 0, 22, 12),
154 
                    initialValue: 16,
155 
                    finalValue: 10,
156 
                    lineColor: "#CC0000"
157 
                }]
158 
            });
159 
        </script>
160 
    </head>
161 
 
162 
    <body>
163 
        <div id="chartdiv" style="width: 100%; height: 400px;"></div>
164 
    </body>
165 
 
166 
</html>