在同一圓環圖中使用不同的數據

Question

我正在嘗試創建一個環形圖，該圖根據totalStaff顯示inactiveStaff vs activeStaff。

下面是我使用

var salesPeople = [ 
    { "region": "West", 
    "toursCreated": 644, 
    "totalStaff": 644, 
    "activeStaff": 399, 
    "inactiveStaff": 245 
    } 
]; 

我要計算的activeStaff和inactiveStaff的百分比和圓環圖中顯示出來的數據的一個例子。

我不知道如何將這種數據綁定到餅形變量，然後將其顯示在我創建的實際SVG中。 即。

var pie = d3.layout.pie() 
    .sort(null) 
    .value(function(d) { return d.salesPeople; }); 

我熟悉的一組數據，建立餅圖，就像不同國家的人羣 - 但我無法弄清楚如何從一個數據對象創建一個餅圖這樣並顯示activeStaff vs inactiveStaff在同一張圓環圖中。

這是一個fiddle，它創建了一個使用我習慣的數據類型的圓環圖的簡單示例，它下面是我想使用但已註釋掉的數據 - 希望它可以更容易理解什麼我正在努力。

Answer 1

如果我正確理解你的問題，你可以這樣做：

var inactive = {"name": "inactive"}; 
inactive.population = salesPeople[0].inactiveStaff; 

var active = {"name": "active"}; 
active.population = salesPeople[0].activeStaff; 

var myArray = []; 
myArray.push(inactive); 
myArray.push(active); 

render(myArray); 

這裏是codepen：http://codepen.io/anon/pen/BKbXod?editors=0010