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

标签 javascript svg d3.js

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

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

enter image description here

为了方便示例,在JSBin中做了一小段代码

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

最佳答案

所以它就在你所说的每个值旁边? IE。像这样

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"

关于javascript - 如何在d3中右对齐两个文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26299545/

相关文章:

hash - 从 Ruby on Rails 数据库准备要在 d3.js 中绘制的数据

javascript - 链接中的标签未显示

javascript - 只返回字符串中的数字

javascript - 通过屏幕分辨率检测移动设备的可靠性如何?

css - objectBoundingBox 外的 SVG 动画不考虑溢出

javascript - 如何更改使用 HTML 中的 <object> 标签链接的 svg 的填充?

javascript - D3 树布局仅将 'title' 添加到叶节点

javascript - SVG + CSS - 如何包含在 HTML 中以及缩放和颜色?

javascript - 如何动态加载 facebook 之类的按钮?

SVG 渐变填充不起作用