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/gantt.js" type="text/javascript"></script>
11 
 
12 
        <script>
13 
 
14 
        var chart = AmCharts.makeChart("chartdiv", {
15 
            "type": "gantt",
16 
            "period": "hh",
17 
            "valueAxis": {
18 
                "type": "date"
19 
            },
20 
            "brightnessStep": 10,
21 
            "graph": {
22 
                "fillAlphas": 1,
23 
                "dateFormat":"JJ:NN",
24 
                "balloonText":"[[open]] - [[value]]"
25 
            },
26 
            "rotate": true,
27 
            "dataDateFormat":"YYYY-MM-DD",
28 
            "categoryField": "category",
29 
            "segmentsField": "segments",
30 
            "startDate": "2015-01-01",
31 
            "startField": "start",
32 
            "endField": "end",
33 
            "durationField": "duration",
34 
            "dataProvider": [{
35 
                "category": "John",
36 
                "segments": [{
37 
                    "start": 0,
38 
                    "duration": 2
39 
                }, {
40 
                    "duration": 2
41 
                }, {
42 
                    "duration": 2
43 
                }]
44 
            }, {
45 
                "category": "Smith",
46 
                "segments": [{
47 
                    "start": 3,
48 
                    "duration": 2
49 
                }, {
50 
                    "duration": 1
51 
                }, {
52 
                    "duration": 4
53 
                }]
54 
            }, {
55 
                "category": "Ben",
56 
                "segments": [{
57 
                    "start": 5,
58 
                    "duration": 2
59 
                }, {
60 
                    "start": 9,
61 
                    "duration": 2
62 
                }]
63 
            } ],
64 
            "chartCursor": {
65 
                "valueBalloonsEnabled": false,
66 
                "cursorAlpha": 0,
67 
                "valueLineBalloonEnabled": true,
68 
                "valueLineEnabled": true,
69 
                "valueZoomable":true,
70 
                "zoomable":false
71 
            },
72 
 
73 
            "valueScrollbar": {
74 
                "position":"top",
75 
                "autoGridCount":true,
76 
                "color":"#000000"
77 
            }
78 
        })
79 
        </script>
80 
    </head>
81 
 
82 
    <body>
83 
        <div id="chartdiv" style="width: 100%; height: 400px;"></div>
84 
    </body>
85 
 
86 
</html>