d3js缩放笔划宽度

Question

我正在绘制一些箭头并希望它们具有不同的/缩放笔划宽度（有些比其他更胖） 我目前正在使用此代码但笔画宽度不会改变。如果我硬编码像5这样的值，它确实改变了。 我在另一个代码中使用完全相同的缩放，但在那里我缩放了条形的高度（没有问题）。

以下是我正在使用的内容的一小部分：https://fiddle.jshell.net/42jdw2Lt/ 我想使用我标记为“num”的系列值来扩展我的笔画宽度。

$1.

Answer 1

我刚给代码couple of changes：

• 我将stroke-width和其他一些属性设置为样式
• 我使用了系列的第一个元素及其num属性来计算宽度

现在代码看起来像这样，每个系列都有不同的厚度

group.selectAll(".line")
    .data(series)
  .enter().append("path")
    .attr("class", "line")
    .style("stroke-width", function(d) {return strwi(d[0].num); })
    .style("stroke", "black")
  .style("fill", "none")
    .attr("d", line)
    .attr("marker-end", "url(#triangle)");