放大d3.js时SVG图表线变宽

Question

我已经使用svg在d3.js中创建了图表。我在x轴上添加了一些缩放，平移和核心化（轴根据图表线缩放其自身的值），但是当我滚动图表时，我的线在非水平段中变得更宽（水平线具有原始宽度，每条线的度数均不同于0变宽）。

我基于一些折线图示例，例如https://codepen.io/anon/pen/WLpxqm?editors=0011 在上面的示例中，存在与我相同的问题。我附带的示例来自旧版本的D3，因此我的缩放功能如下所示。

 var zoom = d3.zoom()
   .scaleExtent([1, 4])
   .on("zoom", zoomed);

 svg.call(zoom);

 function zoomed() {
   path.attr("transform", "translate(" + d3.event.transform['x'] + ",0)scale(" + d3.event.transform['k'] + ", 1)");
   xAxis.call(xAxisCall.scale(d3.event.transform.rescaleX(x)));
 }

是否有可能在不增加线宽的情况下重新调整线的大小？