如何使用d3.js访问对象中的键值?

时间:2014-04-03 21:47:05

标签: javascript d3.js

我有一个名为“dataset”的数组,其中每个条目都是一个具有键和值属性的对象,如下所示:

dataset= 
 [
 {"key":"alpha", "value": [ {}, { } ...]},
 {"key":"beta", "value": [ { }, { } ...]},
 {"key":"gamma", "value": [ {}, { } ...]},
 {"key":"delta", "value": [ { }, { } ...]}
 ];
 dataset.domain:[];
 dataset.query:[];
 dataset.range:[];

我正在使用D3.JS,我正在使用此数据集在堆积区域图中绘制alpha,beta,gamma和delta值。如何使用color.domain()为每个“键”分配不同的颜色?

1 个答案:

答案 0 :(得分:2)

要创建一个包含数据数组中每个对象的一个​​属性的数组,请使用array mapping function

dataset=  [
 {"key":"alpha", "value": [ {}, { } ...]},
 {"key":"beta", "value": [ { }, { } ...]},
 {"key":"gamma", "value": [ {}, { } ...]},
 {"key":"delta", "value": [ { }, { } ...]}
 ];

domain = dataset.map(function(o){return o.key});
/* domain is now ["alpha", "beta", "gamma", "delta"] */