d3.js 包含类别和数字的数组答案

【问题标题】：d3.js Array with categories and numbersd3.js 包含类别和数字的数组
【发布时间】：2012-08-29 15:31:45
【问题描述】：

d3js 专家

我有这些数组

var dados = [
["Brasil", 20], 
["Canada", 31],
["Japao", 29],
["USA", 26],
["Inglaterra", 21],
["Nova Zelandia", 25],
["Turquia", 34]
];

我喜欢将数组 dados 绑定到我的图表。 Country Names 到 Texts 和 Values 到 Bars。

可以直接做吗？怎么做？

chart.selectAll("rect")
     .data(function(d, i) { return d[i][1];})
     .enter().append("rect")
     .attr("y", function(d) {return d[0];})
     .attr("width", x)
     .attr("height", y.rangeBand()-6)
     .attr("transform", "translate(4,0)");

chart.selectAll("text")
     .data(function(d, i) {return d[i][0];})
     .enter().append("text")
     ...

非常感谢

我用下面的代码得到了值 - 粗体

 var x = d3.scale.linear()
     .domain([0, **d3.max(dados)[1]** ])
     .range([0, 500]);


 chart.selectAll("rect")
  .data(**dados**)
  .enter().append("rect")
  .attr("y", function(d) {return d[0];})
  .attr("width", **function(d) { return x(d[1]);}** )
  .attr("height", y.rangeBand()-6)
   .attr("transform", "translate(4,0)");

【问题讨论】：

见柱状图教程mbostock.github.com/d3/tutorial/bar-1.html。您可以使用 return d[0] 和 return d[1] 作为标签，而不是 ruturn d;。
如果这对您有用，请添加答案并将其标记为“已回答”。

标签： javascript charts d3.js

【解决方案1】：

修正内** **

 var x = d3.scale.linear()
    .domain([0, **d3.max(dados)[1]** ])
    .range([0, 500]);


 chart.selectAll("rect")
    .data(**dados**)
    .enter().append("rect")
    .attr("y", function(d) {return d[0];})
    .attr("width", **function(d) { return x(d[1]);}** )
    .attr("height", y.rangeBand()-6)
    .attr("transform", "translate(4,0)");

【讨论】：