小编M.N*_*M.N的帖子

我想创建一个日历视图，如下例所示：http ://bl.ocks.org/4063318 ：

其实我正在尝试修改它。

我有一个像这样的关联数组：#AdminCourt[["2012-10-02", 2], ["2012-10-09", 2], ["2012-10-16", 1]] #ConstituentAssembly[["2012-10-02", 2], ["2012-10-09", 2], ["2012-10-12", 2], ["2012-10-16", 2]]

我尝试像这样填写日历：

BigWordsDates2.map(function(d) {
              return {
                 date: d[0],
                 close: d[1]
              };
              var data = d3.nest()
    .key(function(d) { return d.Date; })
    .rollup(function(d) { return (d.Close - 0); });

  rect.filter(function(d) { return d in data; })
      .attr("class", function(d) { return "day " + color(data[d]); })
    .select("title")
      .text(function(d) { return d + ": " + percent(data[d]); });
      });

我知道我没有循环遍历数组，我不知道我如何尝试每个数组，但似乎我没有正确理解它。

以下是我需要你帮助的事情:)

1. 循环遍历数组。（我知道如何循环它，但我不知道是否有办法通过 D3 类）
2. 如何使每个单元格可点击。 …

我正在尝试实现此代码:http://bl.ocks.org/3883245,但我没有加载TSV文件,而是从数组加载数据.数组的外观如下:

[["2012-10-02",2],["2012-10-09", 2], ["2012-10-12", 2]]

然后我在其上应用此功能以获取CSV格式: var data = d3.csv.format(BigWordsDates2[ArrayIndex]);

但仍然没有出现.

以下是完整的代码:我认为我没有那么远,但我已经工作了3天仍然无法让它工作:

var margin = {top: 20, right: 20, bottom: 30, left: 50},
        width = 80 - margin.left - margin.right,
        height = 80 - margin.top - margin.bottom;

        var data = d3.csv.format(BigWordsDates2[ArrayIndex]);

        var parseDate = d3.time.format("%Y-%b-%d").parse;

        var x = d3.time.scale()
            .range([0, width]);

        var y = d3.scale.linear()
            .range([height, 0]);

        var xAxis = d3.svg.axis()
            .scale(x)
            .orient("bottom");

        var yAxis = d3.svg.axis()
            .scale(y)
            .orient("left");

        var line = d3.svg.line()
            .x(function(d) { return …