d3.js平行坐标线粗细问题

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

// 创建坐标系
var x = d3.scalePoint().range([0, width]).padding(1),
    y = {};

// 设置线段的粗细
var strokeWidth = 2;

// 加载数据并创建平行坐标图
d3.csv("data.csv", function(error, data) {
  if (error) throw error;

  // 解析数据
  var dimensions = d3.keys(data[0]).filter(function(d) {
    return d !== "name";
  });

  // 设置每个维度的比例尺
  dimensions.forEach(function(dimension) {
    y[dimension] = d3.scaleLinear()
      .domain(d3.extent(data, function(d) { return +d[dimension]; }))
      .range([height, 0]);
  });

  // 绘制线段
  var lines = svg.selectAll(".line")
    .data(data)
    .enter()
    .append("path")
    .attr("class", "line")
    .attr("d", path)
    .style("stroke-width", strokeWidth);

  // 定义线段路径
  function path(d) {
    return d3.line()(dimensions.map(function(dimension) {
      return [x(dimension), y[dimension](d[dimension])];
    }));
  }
});