如何使用amcharts创建多环甜甜圈饼图？

Question

我想用AMCharts制作多环甜甜圈饼图。例如：

Answer 1

我说做出这种图表你是一个计图表类型，你可以在你的例子定义单独bands像更好。

这里有一个工作代码：

var gaugeChart = AmCharts.makeChart("chartdiv", { 
 
    "type": "gauge", 
 
    "axes": [{ 
 
    "axisAlpha": 0, 
 
    "tickAlpha": 0, 
 
    "labelsEnabled": false, 
 
    "startAngle": -150, 
 
    "endAngle": 150, 
 
    "bands": [{ 
 
     "color": "#8da44c", 
 
     "endValue": 50, 
 
     "startValue": 0, 
 
     "radius": "100%", 
 
     "innerRadius": "95%", 
 
     "balloonText": "Lime one" 
 
    }, { 
 
     "color": "#ce0004", 
 
     "endValue": 30, 
 
     "startValue": 0, 
 
     "radius": "90%", 
 
     "innerRadius": "85%", 
 
     "balloonText": "Red one" 
 
    }], 
 
    "endValue": 100 
 
    }], 
 
    "allLabels": [{ 
 
    "text": "3,000", 
 
    "align": "center", 
 
    "y": "45%", 
 
    "size": 35 
 
    }] 
 
});

<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: 100%; height: 300px;"></div>