d3 v3折线图上的笔划宽度

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

// 数据
var data = [
  { x: 0, y: 5 },
  { x: 1, y: 9 },
  { x: 2, y: 7 },
  { x: 3, y: 5 },
  { x: 4, y: 3 }
];

// 比例尺函数
var xScale = d3.scale.linear()
  .domain([0, d3.max(data, function(d) { return d.x; })])
  .range([0, 400]);

var yScale = d3.scale.linear()
  .domain([0, d3.max(data, function(d) { return d.y; })])
  .range([250, 0]);

// 线生成器函数
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)
  .style("stroke-width", 2); // 设置笔划宽度为2像素