使用d3.js选择加载时的拉丝选择

时间:2014-07-18 21:48:33

标签: javascript d3.js parallel-coordinates

我正在实现parallel coordinates d3.js可视化,我想知道是否有一种方法可以在页面加载(或点击按钮)上预先选择拉丝选择。

我知道我需要做以下一些事情,但我不清楚相关部分是什么:

  .call(d3.behavior.drag()
    .on("dragstart", function(d) {
      dragging[d] = this.__origin__ = x(d);
      background.attr("visibility", "hidden");
    })
    .on("drag", function(d) {
      dragging[d] = Math.min(w, Math.max(0, this.__origin__ += d3.event.dx));
      foreground.attr("d", path);
      dimensions.sort(function(a, b) { return position(a) - position(b); });
      x.domain(dimensions);
      g.attr("transform", function(d) { return "translate(" + position(d) + ")"; })
    })
    .on("dragend", function(d) {
      delete this.__origin__;
      delete dragging[d];
      transition(d3.select(this)).attr("transform", "translate(" + x(d) + ")");
      transition(foreground)
          .attr("d", path);
      background
          .attr("d", path)
          .transition()
          .delay(500)
          .duration(0)
          .attr("visibility", null);
    }))

0 个答案:

没有答案