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/xy.js" type="text/javascript"></script>
10
 
11
        <script>
12
            var chart = AmCharts.makeChart("chartdiv", {
13
              "type": "xy",
14
              "startDuration": 1.5,
15
 
16
              "chartCursor": {},
17
              "chartScrollbar": {},
18
              "trendLines": [],
19
              "graphs": [{
20
                "balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
21
                "bullet": "bubble",
22
                "id": "AmGraph-3",
23
                "lineAlpha": 0,
24
                "lineColor": "#b0de09",
25
                "valueField": "value",
26
                "xField": "x",
27
                "yField": "y"
28
              }, {
29
                "balloonText": "x:<b>[[x]]</b> y:<b>[[y]]</b><br>value:<b>[[value]]</b>",
30
                "bullet": "bubble",
31
                "id": "AmGraph-4",
32
                "lineAlpha": 0,
33
                "lineColor": "#fcd202",
34
                "valueField": "value2",
35
                "xField": "x2",
36
                "yField": "y2"
37
              }],
38
              "guides": [],
39
              "valueAxes": [{
40
                "id": "ValueAxis-2",
41
                "axisAlpha": 0
42
              }, {
43
                "id": "ValueAxis-3",
44
                "axisAlpha": 0,
45
                "position": "left"
46
              }],
47
              "allLabels": [],
48
              "balloon": {},
49
              "titles": [],
50
              "dataProvider": [{
51
                "y": 10,
52
                "x": 14,
53
                "value": 59,
54
                "y2": -5,
55
                "x2": -3,
56
                "value2": 44
57
              }, {
58
                "y": 5,
59
                "x": 3,
60
                "value": 50,
61
                "y2": -15,
62
                "x2": -8,
63
                "value2": 12
64
              }, {
65
                "y": -10,
66
                "x": -3,
67
                "value": 19,
68
                "y2": -4,
69
                "x2": 6,
70
                "value2": 35
71
              }, {
72
                "y": -6,
73
                "x": 5,
74
                "value": 65,
75
                "y2": -5,
76
                "x2": -6,
77
                "value2": 168
78
              }, {
79
                "y": 15,
80
                "x": -4,
81
                "value": 92,
82
                "y2": -10,
83
                "x2": -8,
84
                "value2": 102
85
              }, {
86
                "y": 13,
87
                "x": 1,
88
                "value": 8,
89
                "y2": -2,
90
                "x2": -3,
91
                "value2": 41
92
              }, {
93
                "y": 1,
94
                "x": 6,
95
                "value": 35,
96
                "y2": 0,
97
                "x2": -3,
98
                "value2": 16
99
              }]
100
            });
101
 
102
        </script>
103
    </head>
104
 
105
    <body>
106
        <div id="chartdiv" style="width: 600px; height: 400px;"></div>
107
    </body>
108
 
109
</html>