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 
      <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7 
      <title>amCharts Responsive Example</title>
8 
      <script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
9 
      <script src="http://www.amcharts.com/lib/3/funnel.js"></script>
10 
      <script src="../responsive.min.js"></script>
11 
      <style>
12 
      body, html {
13 
          height: 100%;
14 
          padding: 0;
15 
          margin: 0;
16 
      }
17 
      </style>
18 
      <script>
19 
      var chart = AmCharts.makeChart("chartdiv", {
20 
        "type": "funnel",
21 
        "dataProvider": [{
22 
          "title": "Website visits",
23 
          "value": 200
24 
        }, {
25 
          "title": "Downloads",
26 
          "value": 123
27 
        }, {
28 
          "title": "Requested price list",
29 
          "value": 98
30 
        }, {
31 
          "title": "Contaced for more info",
32 
          "value": 72
33 
        }, {
34 
          "title": "Purchased",
35 
          "value": 35
36 
        }, {
37 
          "title": "Contacted for support",
38 
          "value": 35
39 
        }, {
40 
          "title": "Purchased additional products",
41 
          "value": 26
42 
        }],
43 
        "balloon": {
44 
          "fixedPosition": true
45 
        },
46 
        "legend": {},
47 
        "valueField": "value",
48 
        "titleField": "title",
49 
        "marginRight": 240,
50 
        "marginLeft": 50,
51 
        "startX": -500,
52 
        "depth3D":100,
53 
        "angle":40,
54 
        "outlineAlpha":1,
55 
        "outlineColor":"#FFFFFF",
56 
        "outlineThickness":2,
57 
        "labelPosition": "right",
58 
        "balloonText": "[[title]]: [[value]]n[[description]]",
59 
        "responsive": {
60 
          "enabled": true
61 
        }
62 
      });
63 
 
64 
      </script>
65 
  </head>
66 
 
67 
  <body>
68 
    <div id="chartdiv" style="width: 100%; height: 100%;"></div>
69 
  </body>
70 
 
71 
</html>