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