Subversion Repositories php-qbpwcf

Rev

Rev 23 | Blame | Compare with Previous | Last modification | View Log | RSS feed 

<html>
    <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
                <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
                <meta http-equiv="X-UA-Compatible" content="IE=edge" />
                
                <!-- AmCharts includes -->
                <script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
                <script src="http://www.amcharts.com/lib/3/serial.js"></script>
                <script src="http://www.amcharts.com/lib/3/themes/dark.js"></script>
                
                <!-- Export plugin includes and styles -->
                <script src="../export.js"></script>
                <link  type="text/css" href="../export.css" rel="stylesheet">

                <style>
                        body, html {
                                height: 100%;
                                padding: 0;
                                margin: 0;
                                overflow: hidden;
                                background-color: #282828;
                                font-size: 11px;
                                font-family: Verdana;
                        }
                        #chartdiv {
                                width: 100%;
                                height: 100%;
                        }
                </style>

                <script type="text/javascript">
                        var chart = AmCharts.makeChart( "chartdiv", {
                                "type": "serial",
                                "theme": "dark",
                                "dataProvider": [ {
                                        "year": 2005,
                                        "income": 23.5,
                                        "expenses": 18.1
                                }, {
                                        "year": 2006,
                                        "income": 26.2,
                                        "expenses": 22.8
                                }, {
                                        "year": 2007,
                                        "income": 30.1,
                                        "expenses": 23.9
                                }, {
                                        "year": 2008,
                                        "income": 29.5,
                                        "expenses": 25.1
                                }, {
                                        "year": 2009,
                                        "income": 24.6,
                                        "expenses": 25
                                } ],
                                "categoryField": "year",
                                "startDuration": 1,
                                "rotate": true,
                                "categoryAxis": {
                                        "gridPosition": "start"
                                },
                                "valueAxes": [ {
                                        "position": "bottom",
                                        "title": "Million USD",
                                        "minorGridEnabled": true
                                } ],
                                "graphs": [ {
                                        "type": "column",
                                        "title": "Income",
                                        "valueField": "income",
                                        "fillAlphas": 1,
                                        "balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
                                }, {
                                        "type": "line",
                                        "title": "Expenses",
                                        "valueField": "expenses",
                                        "lineThickness": 2,
                                        "bullet": "round",
                                        "balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
                                } ],
                                "legend": {
                                        "useGraphSettings": true
                                },
                                "creditsPosition": "top-right",
                                "export": {
                                        "enabled": true,
                                        "fileName": "exportedChart",
                                        
                                        // set background color for exported image
                                        "backgroundColor": "#282828",

                                        // set column names when exporting as data
                                        "exportTitles": true,
                                        "columnNames": {
                                                "year": "Year",
                                                "income": "Income, USD",
                                                "expenses": "Expenses, USD"
                                        }
                                }
                        } );
                </script>
        </head>
        <body>
                <div id="chartdiv"></div>
        </body>
</html>