如何在d3 version 3中将散点图转换为折线图

// 准备数据
var data = [
  { x: 1, y: 5 },
  { x: 2, y: 10 },
  { x: 3, y: 8 },
  { x: 4, y: 12 },
  { x: 5, y: 6 }
];

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

// 创建比例尺
var xScale = d3.scale.linear()
  .domain([1, 5])
  .range([50, 350]);

var yScale = d3.scale.linear()
  .domain([0, 15])
  .range([250, 50]);

// 创建坐标轴
var xAxis = d3.svg.axis()
  .scale(xScale)
  .orient("bottom");

var yAxis = d3.svg.axis()
  .scale(yScale)
  .orient("left");

// 添加坐标轴到SVG容器
svg.append("g")
  .attr("class", "x axis")
  .attr("transform", "translate(0, 250)")
  .call(xAxis);

svg.append("g")
  .attr("class", "y axis")
  .attr("transform", "translate(50, 0)")
  .call(yAxis);

// 创建散点图
svg.selectAll(".dot")
  .data(data)
  .enter()
  .append("circle")
  .attr("class", "dot")
  .attr("cx", function(d) { return xScale(d.x); })
  .attr("cy", function(d) { return yScale(d.y); })
  .attr("r", 5);

// 创建折线图
var line = d3.svg.line()
  .x(function(d) { return xScale(d.x); })
  .y(function(d) { return yScale(d.y); });

svg.append("path")
  .datum(data)
  .attr("class", "line")
  .attr("d", line);