如何在d3中右对齐两个文本

时间:2014-10-10 12:33:57

标签: javascript svg d3.js

如何将文本对齐另一个右对齐文本的左侧?

必须是两个不同的元素文本(一个用于数字,一个用于' R $')因为每个都有不同的样式(如下图所示)

enter image description here

为了方便这个例子,在JSBin中做了一个小代码

http://jsbin.com/qukoto/4/edit

1 个答案:

答案 0 :(得分:2)

所以它意味着你的每个价值旁边?即像这样

text = summary.append "text"
  .attr "text-anchor": "end", x: 250
text.append "tspan"
   .text "R$ "
   .attr  "class": "summary-currency"
text.append "tspan"
  .text (d) -> d3.format(',.0f') d
  .attr "class": "summary-value"