javascript - 带有内圆的 Jquery 饼图

Question

对于一个项目，我需要实现一个带有两个圆圈的图表。它需要看起来像这样:

是否有支持此功能的 Jquery 解决方案？我已经尝试过使用 Jqplot，但是使用那个插件我无法成功创建这样的东西。我试过这段代码:

// Create chart
var plot1 = $.jqplot('pie_chart', [s2,s1], {
seriesDefaults: {
  renderer:$.jqplot.DonutRenderer,
  rendererOptions:{
    startAngle: -90,
    showDataLabels: true,               
    dataLabels: 'value',    
    innerDiameter :0,
    padding:5,
    highlightMouseOver:false
  }
}
});

//Theming based in the rendered module items in the HTML
temp = {
seriesStyles: {seriesColors: array2},
    grid: {
        backgroundColor: 'rgba(0,0,0,0)',
        borderWidth: 0,
        shadow: false
    }
};        

plot1.themeEngine.newTheme('uma', temp);
plot1.activateTheme('uma');

但是内环和外环的颜色是一样的，所以创建这样的东西:

样式的设置是针对内圈和外圈的。在我的例子中，我需要给外圈一个不同的风格。

我可以使用这个插件还是需要使用其他 Jquery 插件来实现我的图表？

Answer 1

我找到了一个适用于 d3.js 的解决方案(http://d3js.org/):

http://bl.ocks.org/mbostock/4063423

对我来说很好用!目前看起来像这样: