javascript - jQuery饼图内圈

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



是否有支持此的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插件来实现图表？

最佳答案

我找到了与d3.js（http://d3js.org/）兼容的解决方案：
http://bl.ocks.org/mbostock/4063423
对我来说很好！目前看起来像这样：

关于javascript - jQuery饼图内圈，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20537523/