javascript - 如何设置x轴和y轴的交点

Question

我正在使用 d3.js 绘制散点图，我想绘制 x 轴和 y 轴，使它们相交于点 (100,75)。该怎么做？我正在使用

svg.append("g")
    .attr("class", "axis")
    .attr("transform", "translate(0," + (padding+223) + ")")
    .call(xAxis2);

//Create Y2 axis
 svg.append("g")
   .attr("class", "axis")
   .attr("transform", "translate(" + (padding+200) + ",0)")
   .call(yAxis2);

但是这个不会根据比例变化，我已经用变量来比例了。如果您需要更多信息，请告诉我。

Answer 1

您需要将轴偏移相应的量，您可以使用轴的刻度来确定，即

svg.append("g")
  .attr("class", "axis")
  .attr("transform", "translate(0," + yScale(75) + ")")
  .call(xAxis2);

y 轴也是如此。您可能需要稍微调整偏移量以考虑其他偏移量、标签等​​。