2013-07-31 67 views
2

我正在使用d3.js作散點圖,我想繪製x和y軸,使它們相交於點(100,75)。如何做到這一點? 我使用如何設置x和y軸的交點

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); 

但根據規模,這將不會改變,我已經用於規模可變的。 如果您需要更多信息,請讓我知道。

回答

3

您需要由各自的量,這可以判斷使用該軸的刻度,以抵消軸,即

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

同樣地,對於y軸。您可能需要稍微調整偏移量以考慮其他偏移量,標籤等。

+0

感謝它的工作。是否有任何解決方案使IE8中的Scatter圖可行。我嘗試了aight.js,但它的例外情況是'瀏覽器不支持這個命名空間'。可以請你幫我 – snehad

+1

IE8真的不適合D3。 [拉斐爾](http://raphaeljs.com/)可能是更好的選擇。 –