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/pie.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 
    AmCharts.makeChart("chartdiv", {
20 
      "type": "pie",
21 
      "titles": [{
22 
        "text": "Visitors countries",
23 
        "size": 16
24 
      }],
25 
      "dataProvider": [{
26 
        "country": "United States",
27 
        "visits": 7252
28 
      }, {
29 
        "country": "China",
30 
        "visits": 3882
31 
      }, {
32 
        "country": "Japan",
33 
        "visits": 1809
34 
      }, {
35 
        "country": "Germany",
36 
        "visits": 1322
37 
      }, {
38 
        "country": "United Kingdom",
39 
        "visits": 1122
40 
      }, {
41 
        "country": "France",
42 
        "visits": 414
43 
      }, {
44 
        "country": "India",
45 
        "visits": 384
46 
      }, {
47 
        "country": "Spain",
48 
        "visits": 211
49 
      }],
50 
      "valueField": "visits",
51 
      "titleField": "country",
52 
      "startEffect": "elastic",
53 
      "startDuration": 2,
54 
      "labelRadius": 15,
55 
      "innerRadius": "50%",
56 
      "depth3D": 10,
57 
      "balloonText": "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>",
58 
      "angle": 15,
59 
      "legend": {
60 
        "position": "right"
61 
      },
62 
      "responsive": {
63 
        "enabled": true
64 
      }
65 
    });
66 
  </script>
67 
</head>
68 
 
69 
<body>
70 
  <div id="chartdiv" style="width: 100%; height: 100%;"></div>
71 
</body>
72 
 
73 
</html>