在d3 js平滑样条中设置平滑参数

// 假设我们有一些数据点
const data = [
  {x: 1, y: 5},
  {x: 2, y: 9},
  {x: 3, y: 7},
  {x: 4, y: 10},
  {x: 5, y: 15},
];

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

// 设置x和y比例尺
const x = d3.scaleLinear().domain([1, 5]).range([50, 550]);
const y = d3.scaleLinear().domain([0, 20]).range([350, 50]);

// 创建平滑曲线生成器
const line = d3.line()
    .x(d => x(d.x))
    .y(d => y(d.y))
    .curve(d3.curveCardinal.tension(0.5)); // 设置平滑参数为0.5

// 绘制曲线
svg.append("path")
    .datum(data)
    .attr("fill", "none")
    .attr("stroke", "steelblue")
    .attr("stroke-width", 1.5)
    .attr("d", line);