要使用d3.js方法,数据是否需要采用Json格式?

时间:2017-01-07 23:35:36

标签: javascript arrays json csv d3.js

我如何使用nest()等方法对数组格式的数据而不是对象数组?

编辑:例如,由于数据是动态的,因此无法访问具有d.name等属性名称的值。属性名称&它们的值随用户输入文件而变化。我不想通过d.name访问,而是希望在用户选择特定属性时通过索引值d [0]进行访问。

除此之外,我是否需要使用服务器来使用此处指定的d3.js:http://learnjsdata.com/getting_started.html

感谢您的帮助,

1 个答案:

答案 0 :(得分:0)

你的问题相当广泛,很难真正看出你在问什么。所以,我将回答它的具体内容:

  

我如何使用nest()等方法对数组格式的数据而不是对象数组?

d3提供了所谓的accessor方法,这些方法只是返回一段数据的函数。在大多数示例中,您将看到对象数组和这些存取函数返回对象的属性。但是,从返回内部数组的一部分开始,没有什么可以阻止你。这是你的一组数组的巢。我已经写了key accessor函数来返回数组的一个部分(第一个值):



<!DOCTYPE html>
<html>

<head>
  <script data-require="d3@4.0.0" data-semver="4.0.0" src="https://d3js.org/d3.v4.min.js"></script>
</head>

<body>
  <script>
    var data = [
      [0, 1],
      [0, 2],
      [0, 3],
      [1, 1],
      [1, 2],
      [1, 3]
    ];

    var entries = d3.nest()
      .key(function(d) {
        return d[0];
      })
      .entries(data);

    console.log(entries);
  </script>
</body>

</html>
&#13;
&#13;
&#13;