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>