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 
 
11 
        <script>
12 
AmCharts.makeChart("chartdiv", {
13 
    "type": "serial",
14 
    "dataProvider": [{
15 
        "continent": "North America",
16 
        "trucks": 40000,
17 
        "SUVs": 180000,
18 
        "cars": 90000,
19 
        "total": 310000
20 
    }, {
21 
        "continent": "Asia",
22 
        "trucks": 90000,
23 
        "SUVs": 40000,
24 
        "cars": 110000,
25 
        "total": 240000
26 
    }, {
27 
        "continent": "Europe",
28 
        "trucks": 30000,
29 
        "SUVs": 50000,
30 
        "cars": 110000,
31 
        "total": 190000
32 
    }],
33 
 
34 
 
35 
    "categoryField": "continent",
36 
 
37 
    "categoryAxis": {
38 
        "gridAlpha": 0.1,
39 
        "axisAlpha": 0,
40 
        "widthField": "total",
41 
        "gridPosition": "start"
42 
    },
43 
 
44 
    "valueAxes": [{
45 
        "stackType": "100% stacked",
46 
        "gridAlpha": 0.1,
47 
        "unit": "%",
48 
        "axisAlpha": 0
49 
    }],
50 
 
51 
    "graphs": [
52 
        {
53 
            "title": "Trucks",
54 
            "labelText": "[[value]]",
55 
            "valueField": "trucks",
56 
            "type": "column",
57 
            "fillAlphas": 1
58 
        }, {
59 
            "title": "SUVs",
60 
            "labelText": "[[value]]",
61 
            "valueField": "SUVs",
62 
            "type": "column",
63 
            "fillAlphas": 1
64 
        },
65 
 
66 
        {
67 
            "title": "Cars",
68 
            "labelText": "[[value]]",
69 
            "valueField": "cars",
70 
            "type": "column",
71 
            "fillAlphas": 1
72 
        }
73 
    ],
74 
 
75 
    "legend": {}
76 
});
77 
 
78 
        </script>
79 
    </head>
80 
 
81 
    <body>
82 
        <div id="chartdiv" style="width: 600px; height: 400px;"></div>
83 
    </body>
84 
 
85 
</html>