javascript - 在 D3.js 中使用数组作为输入数据

Question

我已经构建了一个使用旧 REST api 的自定义 D3 图表，并且我正在寻求有关如何使 D3 输入适应新图表的帮助。在http://codepen.io/anon/pen/bEgMdV我使用数据集“数据集”，并且尝试使用将“基因”和“数据集”合二为一的“数据”。

到目前为止，我已经尝试过改变

var gs = svg.selectAll("g")
.data(d3.values(dataset)).enter().append("g");
gs.selectAll("path").data(function(d) {
        return pie(d.data);

至

var gs = svg.selectAll("g")
.data(d3.values(data.values)).enter().append("g");
gs.selectAll("path").data(function(d) {
        return pie(d[0]);

为了获取'values'中数组的数字。我觉得我已经接近实现这一点了。有人可以帮忙吗？

Answer 1

其中一种方法是将新数据转换为旧数据结构，这样就不需要更改代码。

这个 for 循环会将新数据更改为预期的旧数据结构。

genes = [];

dataset = [{data:[], gene:"LPAR"}];
data.values.forEach(function(s){
  genes.push(s[0]);//iterate and add the gene
  dataset[0].data.push(s[1])//iterate and add the values.
});

工作代码here

希望这有帮助!