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

對我來說很好！ 目前看起來像這樣：