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

【问题标题】：How to set intersection point of x and y axis如何设置x轴和y轴的交点
【发布时间】：2013-07-31 07:43:49
【问题描述】：

我正在使用 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);

但这不会根据比例改变，我使用变量来表示比例。如果您需要更多信息，请告诉我。

【问题讨论】：

标签： javascript html d3.js

【解决方案1】：

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

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

同样适用于 y 轴。您可能需要稍微调整偏移量以考虑其他偏移量、标签等。

【讨论】：

感谢它现在的工作。是否有任何解决方案可以使散点图在 IE8 中可用。我尝试过 aight.js，但它的异常是“浏览器不支持此命名空间”。你能帮帮我吗
IE8 不能很好地与 D3 配合使用。 Raphael 可能是更好的选择。