Question

目前下面画了两行，但我似乎无法改变宽度：

var a = [23,50];
for (b = 0; b < a.length; b++) {
  var stripe = vis.selectAll("line.stripep")
    .data(connections.filter(function(d,i) { return i == a[b];  }))
    .enter().append("svg:line")
      .attr("class", "stripe")
      .attr("stroke", function(d) { return "#000000"; })
      .attr("stroke-linecap", 'round')
      .attr("stroke-width", 500)
      .attr("x1", function(d) { return x(d.station1.longitude); })
      .attr("y1", function(d) { return y(d.station1.latitude); })
      .attr("x2", function(d) { return x(d.station2.longitude); })
      .attr("y2", function(d) { return y(d.station2.latitude); })
}

我想将两条黑线的宽度设置为500。

目前我正在尝试：

.attr("stroke-width", 500)

我也尝试过：

.attr("stroke-width",  function(d) { return "500"; })

这也行不通。这样做的正确方法是什么？

Answer 1

我只是遇到了同样的问题。解决方案：我在CSS文件中找到一个.path设置为'stroke-width'的条目。 CSS具有优先权：-）

如何设置d3笔划宽度

1 个答案: