2017-02-28 3 views
0

D3を初めて使用していて、基本的な質問があります。サービスを呼び出すとき、私はオブジェクトの配列を受け取ります。 console.log(typeof(...))を実行すると配列が表示されます。D3 2つのオブジェクトの配列を取得してD3の形状に読み込む

アレイには2つのオブジェクトが含まれています。たとえば、2つのフィールドがあるとします。それは使用するでしょう。

City Airport 

Chicago 80 
New York 42 

私はドットプロットを作成していますが、今はエラーなしでデータにアクセスしたいだけです。

svg.selectAll("circle") 
.data(????) 
.attr('cx', function(d){ d.City } 

私はd3.jsonまたはd3.nestを調べましたが、今は率直に失われています。ご協力いただきありがとうございます!

var dataArray = [{ 
    "City": "Chicago", 
    "Airport": 80 
}, 
{...} 
] 

あなたと同様に、簡単にその名によって、このデータをバインドすることができるはずです::

svg.selectAll("circle") 
.data(dataArray)   # or whatever name you have 
.attr('cx', function(d){ 
    return d.City;   # note that you need to use return 
} 

あなたはもう少しを提供することができた場合は、あなたのデータ配列は次のようになりますと仮定

+0

データはどのようにフォーマットされていますか?基本的には、データの配列をデータ関数に入れます。 –

答えて

1

あなたのデータセットに関する情報、それは役に立ちます。

+0

私はjavascriptオブジェクトをハードコードし、これはうまくいきました。残念ながら、私はこれを適切な形にすることができないので、Angularの問題である可能性があります。ありがとう! –

+0

最後に角度をつけて技を使いました。ありがとうございました! –

関連する問題