Question

所以我正在使用基于此的代码..

http://bl.ocks.org/mbostock/3884955

基本上，我想要做的是在每个数据点我想添加一个圆圈。如果我不知道从哪里开始，我们将非常感谢任何帮助。

这是我的代码到目前为止：当我使用单行时，它有效。

var circlegroup = focus.append("g")
circlegroup.attr("clip-path", "url(#clip)")
circlegroup.selectAll('.dot')
    .data(data)
    .enter().append("circle")
    .attr('class', 'dot')
    .attr("cx",function(d){ return x(d.date);})
    .attr("cy", function(d){ return y(d.price);})
    .attr("r", function(d){ return 4;})
    .on('mouseover', function(d){ d3.select(this).attr('r', 8)})
    .on('mouseout', function(d){ d3.select(this).attr('r', 4)});

Answer 1

您需要nested selections。假设data是一个二维数组，你可以这样做。

var groups = svg.selectAll("g").data(data).enter().append("g");
groups.data(function(d) { return d; })
      .enter()
      .append("circle")
      // set attributes

在多线图上创建散点图

1 个答案: