V3: Angular Gauge with multiple axes
HTML
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/gauge.js"></script>
<div id="chartdiv" style="width: 220px; height: 160px;"></div>
JavaScript
var chart;
var arrow;
var axis;
AmCharts.ready(function () {
// create angular gauge
chart = new AmCharts.AmAngularGauge();
// create axis
axis = new AmCharts.GaugeAxis();
axis.startValue = 0;
axis.endValue = 220;
axis.axisThickness = 0;
axis.tickColor = "";
axis.inside = false;
axis.gridInside = true;
axis.bandOutlineColor="#ffffff";
axis.labelOffset=10;
axis.labelFrequency=100;
axis.showFirstLabel = false;
axis.showLastLabel = false;
// axis.bottomTextYOffset=100;
// axis.valueInterval=220;
// axis.labelsEnabled =false;
axisAlpha = 0;
axisColor ="#ffffff"
chart.allLabels=[{"x": '12%', "y": '92%', "text": "0", "align": "left", "size": 12, "color": "#454545", "alpha": 1, "rotation": 0},{"x": '7%', "y": '38%', "text": "50", "align": "left", "size": 12, "color": "#454545", "alpha": 1, "rotation": 0},{"x": '11%', "y": '28%', "text": "60", "align": "left", "size": 12, "color": "#454545", "alpha": 1, "rotation": 0},{"x": '39%', "y": '4%', "text": "100", "align": "left", "size": 12, "color": "#454545", "alpha": 1, "rotation": 0},{"x": '57%', "y": '4%', "text": "120", "align": "left", "size": 12, "color": "#454545", "alpha": 1, "rotation": 0},{"x": '85%', "y": '92%', "text": "220", "align": "left", "size": 12, "color": "#454545", "alpha": 1, "rotation": 0}];
// color bands
var band1 = new AmCharts.GaugeBand();
band1.startValue = 0;
band1.endValue = 49;
band1.color = "#DE9194";
band1.innerRadius="80%"
var band2 = new...