轉換給定的範圍值域值D3

Question

我有一個線性度：

var xRange.range([0, parentWidth]).domain([0, 100]); 

現在鼠標懸停我得到使用d3.mouse(container)鼠標光標的XY COORDS。然後我顯示一個浮動工具提示。我需要根據xRange比例將xy值從鼠標位置計算出來。

我該怎麼做？或者是否必須創建另一個具有交換範圍和域值的比例？

Answer 1

不需要另一個比例。對於線性（數字）輸入，您可以使用linear.invert()，其中：

返回輸入域x中輸出域y中相應值的值。這表示從範圍到域的逆映射。

例子：

var x = d3.scale.linear() 
     .domain([0,50]) 
     .range([0,100]); 

// domain to range: 
x(25); // 50 

// range to domain: 
x.invert(50); // 25