d3のピクセル値を変換する方法は？

Question

私は、g要素に円のcxとcyの位置を与えることで、私の円要素の上に置くことを試みているg要素を持っています。しかし、gが翻訳を使用するため、これは機能しません。任意のアイデアどのように変換するピクセルを変換するには？

colorPickerX = d3.select(dataPointId).attr("cx"); 
colorPickerY = d3.select(dataPointId).attr("cy"); 
var svg = d3.select("body") 
    .append("svg") 
    .attr("width", 300) 
    .attr("height", 300) 
    .append("g") 
    .attr("transform", "translate("+colorPickerX+","+colorPickerX+")"); \\This is wrong because Cx and Cy are Pixels 

Answer 1

このparseFloatはを使用しています：あなたは上記のようやっグラムグループを変換するためにそれを使用すると

//parseFloat will get the number and ignore the px in the end. 
colorPickerX = parseFloat(d3.select(dataPointId).attr("cx")); 
colorPickerY = parseFloat(d3.select(dataPointId).attr("cy")); 

を。