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/radar.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": "radar",
21 
          "dataProvider": [{
22 
            "country": "Czech Republic",
23 
            "litres": 156.9
24 
          }, {
25 
            "country": "Ireland",
26 
            "litres": 131.1
27 
          }, {
28 
            "country": "Germany",
29 
            "litres": 115.8
30 
          }, {
31 
            "country": "Australia",
32 
            "litres": 109.9
33 
          }, {
34 
            "country": "Austria",
35 
            "litres": 108.3
36 
          }, {
37 
            "country": "UK",
38 
            "litres": 99
39 
          }],
40 
          "categoryField": "country",
41 
          "startDuration": 2,
42 
          "valueAxes": [{
43 
            "axisAlpha": 0.15,
44 
            "minimum": 0,
45 
            "dashLength": 3,
46 
            "axisTitleOffset": 20,
47 
            "gridCount": 5
48 
          }],
49 
          "graphs": [{
50 
            "valueField": "litres",
51 
            "title": "Litres",
52 
            "bullet": "round",
53 
            "balloonText": "[[value]] litres of beer per year"
54 
          }],
55 
          "legend": {},
56 
          "responsive": {
57 
            "enabled": true
58 
          }
59 
      });
60 
    </script>
61 
  </head>
62 
 
63 
  <body>
64 
    <div id="chartdiv" style="width: 100%; height: 100%;"></div>
65 
  </body>
66 
 
67 
</html>