【问题标题】:Align text to support dynamic content对齐文本以支持动态内容
【发布时间】:2014-02-19 11:50:39
【问题描述】:

在我的fiddle here 中,% 符号当前处于固定位置。如果数字从一位数变为两位数再到三位数,如何对齐它以使其相应浮动?

我试过了:

   .style("float", "left")

但它没有工作。我错过了什么?

【问题讨论】:

    标签: javascript css svg d3.js


    【解决方案1】:

    不好,但工作Fiddle

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

    未知用户的解决方案正确。

    【讨论】:

    • 你是完美的。使用x attr 对齐旁边的文本是个好主意。 +1 :)
    • @UnknownUser 你现在有一个竞争对手 ;)
    • LOL :) 我没有任何问题。
    • @UnknownUser +1 这就是精神:)
    • @UnknownUser,我得到textElement x 属性值并将其与textElement 宽度相加。 T.e. textElement.x + textElement.width
    【解决方案2】:

    您可以简单地与 % 符号连接,因此它会相应地跳舞。

    Demo

    【讨论】:

    • 你似乎是 D3 的冠军 :)
    • 大声笑。不!我也是初学者。
    • 实际上这里的问题是value% 符号有不同的字体大小,这就是为什么创建了两个不同的text 元素。我该如何解决这个问题?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-02-05
    • 2015-10-10
    • 2021-10-23
    相关资源
    最近更新 更多