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/serial.js" type="text/javascript"></script>
10 
        <script src="../amcharts/themes/dark.js" type="text/javascript"></script>
11 
 
12 
        <script>
13 
             AmCharts.makeChart("chartdiv", {
14 
                type: "serial",
15 
                theme: "dark",
16 
                dataProvider: [{
17 
                    "year": 2005,
18 
                        "income": 23.5,
19 
                        "expenses": 18.1
20 
                }, {
21 
                    "year": 2006,
22 
                        "income": 26.2,
23 
                        "expenses": 22.8
24 
                }, {
25 
                    "year": 2007,
26 
                        "income": 30.1,
27 
                        "expenses": 23.9
28 
                }, {
29 
                    "year": 2008,
30 
                        "income": 29.5,
31 
                        "expenses": 25.1
32 
                }, {
33 
                    "year": 2009,
34 
                        "income": 24.6,
35 
                        "expenses": 25
36 
                }],
37 
                categoryField: "year",
38 
                startDuration: 1,
39 
                rotate: true,
40 
 
41 
                categoryAxis: {
42 
                    gridPosition: "start"
43 
                },
44 
                valueAxes: [{
45 
                    position: "top",
46 
                    title: "Million USD",
47 
                    minorGridEnabled: true
48 
                }],
49 
                graphs: [{
50 
                    type: "column",
51 
                    title: "Income",
52 
                    valueField: "income",
53 
                    fillAlphas:1,
54 
                    balloonText: "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
55 
                }, {
56 
                    type: "line",
57 
                    title: "Expenses",
58 
                    valueField: "expenses",
59 
                    lineThickness: 2,
60 
                    bullet: "round",
61 
                    balloonText: "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
62 
                }],
63 
                legend: {
64 
                    useGraphSettings: true
65 
                },
66 
 
67 
                creditsPosition:"top-right"
68 
 
69 
            });
70 
 
71 
 
72 
        </script>
73 
    </head>
74 
 
75 
    <body style="background-color:#282828;">
76 
        <div id="chartdiv" style="width: 500px; height: 600px;"></div>
77 
    </body>
78 
 
79 
</html>