如何从D3中的CSV中加载的CSV子集中一列

Question

我们有一些data.csv

University,Total,Females,Males,Year,Type
PortSaid,13817,6679,7138,2012,Public
PortSaid,14790,7527,7263,2013,Public
PortSaid,17295,8509,8786,2010,Public
6OctoberUniversity,12507,4297,8210,2012,Private
6OctoberUniversity,14608,5360,9248,2013,Private

我们尝试使用D3操纵数据，并加载数据：

var dataset;

d3.csv("universities_data.csv", function(data) {
    data.forEach(function(d) {
      d.Females = +d.Females;
      d.Males = +d.Males;
      d.Total = +d.Total;
      d.Year = +d.Year
    dataset = data;
    });
  });

我正在尝试重新创建以下D3块 ，这非常简单。 唯一的区别是：我正在加载CSV数据，而不是示例代码中的简单一维数组。

在Chrome开发人员中运行它，您将在第60行到达无法读取的属性“长度”，未定义错误，我将数据绑定到pie（）函数。

我的问题：

• 我是否可以正确加载csv数据？
• 如何将Total列作为子集，仅用作pie（）函数中的值？ 看来应该解决问题。

Answer 1

问题在于，当您尝试在回调函数之外访问数据集变量时，该数据集变量未定义。 请查看mbostock对另一个问题的回答，以了解原因。

在d3.csv方法的回调函数中添加用于创建表示形式的代码。

要将总计列用作值，可以使用饼图布局的value方法，如下所示：

var pie = d3.layout.pie()
    .value(function(d) { return d.Total; })
    .padAngle(.02);

演示