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 轴也是如此。您可能需要稍微调整偏移量以考虑其他偏移量、标签等​​。