對齊文本以支持動態內容

在我的fiddle here中，%符號當前處於固定位置。如果數字從一位數字變爲兩位數字變爲三位數字，我該如何對齊以便相應地浮動？對齊文本以支持動態內容

我想：

.style("float", "left")

但它沒有工作。我錯過了什麼？

你可以簡單地連接%符號，所以它跳舞相應。正確

g.append("text") 
.attr(
    "x", 
    parseInt(textElement.attr("x")) + parseInt(textElement[0][0].clientWidth) 
)

未知用戶的解決方案：

2014-02-19 11:57:01

你似乎是D3的冠軍:) –

大聲笑。沒有！我也是一名初學者。 –

其實問題在於'value'和'''符號有不同的字體大小，這就是爲什麼兩個不同的'text'元素被創建的原因。我該如何解決？ –

不是很好，但是工作Fiddle。

2014-02-19 12:04:55 maximkou

你是完美的。使用'x' attr對齊它旁邊的文本是一個好主意。 +1 :) –

@UnknownUser你現在有一個競爭者;） –

大聲笑:)我沒有任何問題。 –

回答