聚焦+上下文通过刷涂d3中的散点图

Question

如何通过刷牙使图表更改响应图表？我尝试过使用转换属性，但效果不好。这是我的fiddle。 Coffeescript低于

# draw dots
dots = focus.selectAll(".dot")
    .data(bubbleData)
  .enter().append("circle")
    .attr("class", "dot")
    .attr("r", (d) -> 2*Math.abs(d.surprise))
    .attr("cx", xMap)
    .attr("cy", yMap)
    .style("fill", (d) -> color(d.surprise))

brushed = ->
  xScale.domain (if brush.empty() then xScale2.domain() else brush.extent())
  focus.select("._x._axis").call xAxis
  focus.select(".line1").attr("d", line1(data))
  focus.select(".line2").attr("d", line2(data))
  focus.selectAll(".dot").attr "transform", (d, i) ->
    "translate(" + xScale(d.date) + "," + yLeftScale(d.price) + ")"

Answer 1

就像线条一样，你需要在画笔上重绘圆圈：

focus.selectAll(".dot")
  .attr("cx", xMap)
  .attr("cy", yMap)

完整演示here。