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

如何设置x和y轴的交点

1 个答案: