条形图d3在条形图下的圆圈

// 数据集
var dataset = [
  { value: 10, label: "数据1" },
  { value: 20, label: "数据2" },
  { value: 30, label: "数据3" },
  { value: 40, label: "数据4" },
  { value: 50, label: "数据5" }
];

// 创建SVG容器
var svg = d3.select("body")
            .append("svg")
            .attr("width", 500)
            .attr("height", 300);

// 创建条形图
var bars = svg.selectAll("rect")
              .data(dataset)
              .enter()
              .append("rect")
              .attr("x", function(d, i) {
                return i * 60;
              })
              .attr("y", function(d) {
                return 300 - d.value * 5;
              })
              .attr("width", 50)
              .attr("height", function(d) {
                return d.value * 5;
              })
              .attr("fill", "steelblue");

// 添加圆圈
var circles = svg.selectAll("circle")
                 .data(dataset)
                 .enter()
                 .append("circle")
                 .attr("cx", function(d, i) {
                   return i * 60 + 25;
                 })
                 .attr("cy", function(d) {
                   return 300 - d.value * 5 - 5;
                 })
                 .attr("r", 5)
                 .attr("fill", "red");