如何根据列值更改线条的颜色

// 假设数据已经获取并存储在变量data中
// 假设要根据名为color的列值来更改线条颜色

// 创建SVG画布
const svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 500);

// 创建线条生成器
const line = d3.line()
  .x((d) => d.x)
  .y((d) => d.y)
  .curve(d3.curveLinear);

// 绘制线条并设置颜色
svg.append("path")
  .datum(data)
  .attr("d", line)
  .attr("stroke", (d) => {
    // 根据color列的值来设置线条颜色
    if (d.color === "red") {
      return "red";
    } else if (d.color === "blue") {
      return "blue";
    } else {
      return "black";
    }
  })
  .attr("stroke-width", 2)
  .attr("fill", "none");