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 
            var chart;
13 
            var legend;
14 
 
15 
            var chartData = [
16 
                {
17 
                    "country": "Lithuania",
18 
                    "value": 260
19 
                },
20 
                {
21 
                    "country": "Ireland",
22 
                    "value": 201
23 
                },
24 
                {
25 
                    "country": "Germany",
26 
                    "value": 65
27 
                },
28 
                {
29 
                    "country": "Australia",
30 
                    "value": 39
31 
                },
32 
                {
33 
                    "country": "UK",
34 
                    "value": 19
35 
                },
36 
                {
37 
                    "country": "Latvia",
38 
                    "value": 10
39 
                }
40 
            ];
41 
 
42 
            AmCharts.ready(function () {
43 
                // PIE CHART
44 
                chart = new AmCharts.AmPieChart();
45 
                chart.dataProvider = chartData;
46 
                chart.titleField = "country";
47 
                chart.valueField = "value";
48 
                chart.outlineColor = "#FFFFFF";
49 
                chart.outlineAlpha = 0.8;
50 
                chart.outlineThickness = 2;
51 
                chart.balloonText = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";
52 
                // this makes the chart 3D
53 
                chart.depth3D = 15;
54 
                chart.angle = 30;
55 
 
56 
                // WRITE
57 
                chart.write("chartdiv");
58 
            });
59 
        </script>
60 
    </head>
61 
 
62 
    <body>
63 
        <div id="chartdiv" style="width: 100%; height: 400px;"></div>
64 
    </body>
65 
 
66 
</html>