同じドーナツチャートの異なるデータを使用

totalStaffに基づいて、inactiveStaffとactiveStaffを表示するドーナツチャートを作成しようとしています。ここで同じドーナツチャートの異なるデータを使用

は私がactiveStaffとinactiveStaffの割合を計算し、ドーナツグラフ内でそれらを表示したい

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

を使用しているデータの一例です。

この種のデータをpie変数にバインドして、実際のSVG内に表示する方法がわかりません。すなわち

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

私は別の国の人口のように、データの1セットから円グラフを作成するに精通しています - しかし、私はこのようなデータの一つのオブジェクトから円グラフを作成して表示する方法を見つけ出すことはできませんactiveStaffと同じドーナツチャートのinactiveStaff。

これは私が以前使用していた種類のデータを使用するドーナツチャートの簡単な例を作成します。使用したいデータの下にコメントアウトしました。うまくいけば私はやろうとしている。

出典

2016-05-12 Krang

こんにちはKrang：ここ

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です。あなたが作成しようとしているドーナツチャートか円チャートですか？ – Joe

@Joe、ドーナツチャート - でも、私がしようとしていることを説明することができます。 – Krang

私が正しくあなたの問題を理解していれば、あなたはこれを行うことができます：http://codepen.io/anon/pen/BKbXod?editors=0010

出典

2016-05-12 15:00:06

- ありがとう！これはうまくいきますが、おそらくコードのどこか他の場所でこのデータを処理するより良い方法があるのだろうかと思います。 – Krang

もっと教えてもらえますか？ –

同じドーナツチャートの異なるデータを使用

答えて

関連する問題