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/pie.js" type="text/javascript"></script>
10
 
11
        <script>
12
 
13
            AmCharts.makeChart("chartdiv", {
14
                "type": "pie",
15
                "dataProvider": [{
16
                    "country": "Czech Republic",
17
                        "litres": 156.9
18
                }, {
19
                    "country": "Ireland",
20
                        "litres": 131.1
21
                }, {
22
                    "country": "Germany",
23
                        "litres": 115.8
24
                }, {
25
                    "country": "Australia",
26
                        "litres": 109.9
27
                }, {
28
                    "country": "Austria",
29
                        "litres": 108.3
30
                }, {
31
                    "country": "UK",
32
                        "litres": 65
33
                }, {
34
                    "country": "Belgium",
35
                        "litres": 50
36
                }],
37
                "titleField": "country",
38
                "valueField": "litres",
39
                "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
40
                "legend": {
41
                    "align": "center",
42
                    "markerType": "circle"
43
                }
44
 
45
            });
46
 
47
        </script>
48
    </head>
49
 
50
    <body>
51
        <div id="chartdiv" style="width: 100%; height: 400px;"></div>
52
    </body>
53
 
54
</html>