Javascript 为什么圆被附加到身体之外？D3.js

试图绘制散点图，但圆被附加到SVG之外

var line_fatality = svg
    .append('g')
    .classed('fatality',true)
    .data(check[0].values)
    .enter()
    .append("circle")
    .attr('cx', (function (d, i) {
        return x(d.date)
    }))
    .attr('cy', (function (d, i) { return y(d.fatality) }))
    .attr("r", 1.5)
    .style("fill", "#69b3a2")

---

修复了它。如果有人想知道为什么它不起作用，请尝试在代码中添加selectAll

var line_fatality = svg
        .selectAll("dot")
        .append('g')
        .classed('fatality',true)
        .data(check[0].values)
        .enter()
        .append("circle")
        .attr('cx', (function (d, i) {
            return x(d.date)
        }))
        .attr('cy', (function (d, i) { return y(d.fatality) }))
        .attr("r", 1.5)
        .style("fill", "#69b3a2")