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/funnel.js" type="text/javascript"></script>
10 
        <script>
11 
 
12 
            var chart;
13 
            var data = [
14 
                {
15 
                    "title": "Website visits",
16 
                    "value": 300
17 
                },
18 
                {
19 
                    "title": "Downloads",
20 
                    "value": 123
21 
                },
22 
                {
23 
                    "title": "Requested price list",
24 
                    "value": 98
25 
                },
26 
                {
27 
                    "title": "Contaced for more info",
28 
                    "value": 72
29 
                },
30 
                {
31 
                    "title": "Purchased",
32 
                    "value": 35
33 
                },
34 
                {
35 
                    "title": "Contacted for support",
36 
                    "value": 15
37 
                },
38 
                {
39 
                    "title": "Purchased additional products",
40 
                    "value": 8
41 
                }
42 
            ];
43 
 
44 
            AmCharts.ready(function () {
45 
 
46 
                chart = new AmCharts.AmFunnelChart();
47 
                chart.titleField = "title";
48 
                chart.balloon.cornerRadius = 0;
49 
                chart.marginRight = 220;
50 
                chart.marginLeft = 15;
51 
                chart.labelPosition = "right";
52 
                chart.funnelAlpha = 0.9;
53 
                chart.valueField = "value";
54 
                chart.dataProvider = data;
55 
                chart.startX = 0;
56 
                chart.balloon.animationTime = 0.2;
57 
                chart.neckWidth = "40%";
58 
                chart.startAlpha = 0;
59 
                chart.neckHeight = "30%";
60 
                chart.balloonText = "[[title]]:<b>[[value]]</b>";
61 
 
62 
                chart.creditsPosition = "top-right";
63 
                chart.write("chartdiv");
64 
            });
65 
        </script>
66 
    </head>
67 
 
68 
    <body>
69 
        <div id="chartdiv" style="width: 500px; height: 300px;"></div>
70 
    </body>
71 
 
72 
</html>