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 Data Loader Example</title>
8 
  <script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
9 
  <script src="http://www.amcharts.com/lib/3/gauge.js"></script>
10 
  <script src="../dataloader.min.js"></script>
11 
  <style>
12 
  body, html {
13 
    font-family: Verdana;
14 
    font-size: 12px;
15 
  }
16 
  #chartdiv {
17 
    width: 100%;
18 
    height: 500px;
19 
  }
20 
  </style>
21 
  <script>
22 
    var chart = AmCharts.makeChart( "chartdiv", {
23 
      "type": "gauge",
24 
      "startDuration": 0.1,
25 
      "dataLoader": {
26 
        "url": "data/gauge.json"
27 
      },
28 
      "axes": [ {
29 
        "id": "axis1",
30 
        "axisAlpha": 0,
31 
        "endAngle": 360,
32 
        "endValue": 12,
33 
        "minorTickInterval": 0.2,
34 
        "showFirstLabel": false,
35 
        "startAngle": 0,
36 
        "topTextYOffset": 100,
37 
        "valueInterval": 1
38 
      }, {
39 
        "id": "axis2",
40 
        "axisAlpha": 0,
41 
        "endAngle": 360,
42 
        "endValue": 60,
43 
        "radius": 60,
44 
        "showFirstLabel": false,
45 
        "startAngle": 0,
46 
        "valueInterval": 5,
47 
        "labelFrequency": 0,
48 
        "tickLength": 10
49 
      } ]
50 
    } );
51 
  </script>
52 
</head>
53 
 
54 
<body>
55 
  <div id="chartdiv"></div>
56 
</body>
57 
 
58 
</html>