Javascript d3js：散点图缩放。仅axis正在缩放数据，而不是数据

尝试创建可以缩放的散点图，但仅缩放轴而不缩放数据。不知道怎么回事有人帮我吗

---

项目的github链接：

我发现缩放的工作方式有两个不同的问题：

缩放时未正确选择

s（散点图中的点）。因此，当您缩放时，仅轴发生变化（如您所述）。解决此问题的简单方法是为每个

指定一个类（例如

class=“dot”

），然后使用该类选择它们

首先将class=“dot”添加到每个圆（第140行）：

然后更新缩放功能以正确选择它们（第195行）：

进行这两项更改可以修复缩放

---

请在您的问题中添加代码示例非常感谢。

svg.selectAll("dot")
        .data(data)
        .enter().append("circle")
        .attr("class", "dot")

svg.selectAll(".dot") // <---- select all circles with class "dot"
        .attr("cx", function(d) { return x(d.date); })
        .attr("cy", function(d) { return y(d.close); });

svg.append("rect")
    .style("fill", "#fff")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)