Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 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 
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7 
        <title>amCharts Responsive Example</title>
8 
        <script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
9 
        <script src="http://www.amcharts.com/lib/3/xy.js"></script>
10 
        <script src="../responsive.min.js"></script>
11 
        <style>
12 
            body,
13 
            html {
14 
                height: 100%;
15 
                padding: 0;
16 
                margin: 0;
17 
            }
18 
        </style>
19 
        <script>
20 
            var chart = AmCharts.makeChart("chartdiv",
21 
            {
22 
                "type": "xy",
23 
                "startDuration": 1.5,
24 
                "trendLines": [],
25 
                "graphs": [
26 
                {
27 
                    "title": "Diamonds",
28 
                    "balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
29 
                    "bullet": "diamond",
30 
                    "id": "AmGraph-1",
31 
                    "lineAlpha": 0,
32 
                    "lineColor": "#b0de09",
33 
                    "valueField": "value",
34 
                    "xField": "x",
35 
                    "yField": "y"
36 
                },
37 
                {
38 
                    "title": "Balls",
39 
                    "balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
40 
                    "bullet": "round",
41 
                    "id": "AmGraph-2",
42 
                    "lineAlpha": 0,
43 
                    "lineColor": "#fcd202",
44 
                    "valueField": "value2",
45 
                    "xField": "x2",
46 
                    "yField": "y2"
47 
                }],
48 
                "guides": [
49 
                {
50 
                    "fillAlpha": 0.3,
51 
                    "fillColor": "#ff8000",
52 
                    "id": "Guide-1",
53 
                    "toValue": -2,
54 
                    "value": -8,
55 
                    "valueAxis": "ValueAxis-2"
56 
                }],
57 
                "valueAxes": [
58 
                {
59 
                    "id": "ValueAxis-1",
60 
                    "axisAlpha": 0
61 
                },
62 
                {
63 
                    "id": "ValueAxis-2",
64 
                    "axisAlpha": 0,
65 
                    "position": "bottom"
66 
                }],
67 
                "allLabels": [],
68 
                "balloon":
69 
                {},
70 
                "titles": [],
71 
                "dataProvider": [
72 
                {
73 
                    "y": 10,
74 
                    "x": 14,
75 
                    "value": 59,
76 
                    "y2": -5,
77 
                    "x2": -3,
78 
                    "value2": 44
79 
                },
80 
                {
81 
                    "y": 5,
82 
                    "x": 3,
83 
                    "value": 50,
84 
                    "y2": -15,
85 
                    "x2": -8,
86 
                    "value2": 12
87 
                },
88 
                {
89 
                    "y": -10,
90 
                    "x": -3,
91 
                    "value": 19,
92 
                    "y2": -4,
93 
                    "x2": 6,
94 
                    "value2": 35
95 
                },
96 
                {
97 
                    "y": -6,
98 
                    "x": 5,
99 
                    "value": 65,
100 
                    "y2": -5,
101 
                    "x2": -6,
102 
                    "value2": 168
103 
                },
104 
                {
105 
                    "y": 15,
106 
                    "x": -4,
107 
                    "value": 92,
108 
                    "y2": -10,
109 
                    "x2": -8,
110 
                    "value2": 102
111 
                },
112 
                {
113 
                    "y": 13,
114 
                    "x": 1,
115 
                    "value": 8,
116 
                    "y2": -2,
117 
                    "x2": -3,
118 
                    "value2": 41
119 
                },
120 
                {
121 
                    "y": 1,
122 
                    "x": 6,
123 
                    "value": 35,
124 
                    "y2": 0,
125 
                    "x2": -3,
126 
                    "value2": 16
127 
                }],
128 
                "chartCursor":
129 
                {},
130 
                "legend":
131 
                {
132 
                    "position": "bottom"
133 
                },
134 
                "responsive":
135 
                {
136 
                    "enabled": true
137 
                }
138 
            });
139 
        </script>
140 
    </head>
141 
 
142 
    <body>
143 
        <div id="chartdiv" style="width: 100%; height: 100%;"></div>
144 
    </body>
145 
 
146 
</html>