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>