angularjs - d3js で簡単な円グラフ ディレクティブを作成する

Question

この例に基づいて、d3js と angular.js を使用して単純な円グラフ ディレクティブを作成しようとしています。

データは $resource でロードされます。データは、「値」という名前のjsonオブジェクトとしてディレクティブ内で利用できますが、d3でそれらを使用する方法がわかりません.

私は試した

json = JSON.parse( values );

しかし、うまくいきません。

ここにコード全体があります：http://plnkr.co/edit/XDyWlLY5R1ZZ4sKn5n3v?p=preview

Answer 1

2つの問題

1. Values は文字列ではありません。すでに解析されており、オブジェクトの配列です。

2. population各オブジェクトを表すスライスは、そのオブジェクトとageプロパティに従って色付けされています。どちらも現在未定義であるため、ロードする JSON にその情報を追加するか、スライスのサイズと色を変更する必要があります。