1

所以我正在研究一个用 d3 制作的标签云示例。

http://www.jasondavies.com/wordcloud/#http%3A%2F%2Fsearch.twitter.com%2Fsearch.json%3Frpp%3D100%26q%3D%7Bword%7D=cloud

并且我试图在每个单词悬停时将 Div 放置在它的顶部，并且基本上遇到了问题，因为我放置 div 的方式取决于 svg word 元素的 transform 属性。

这个转换属性是我需要解析的字符串，但该字符串包含我需要抓取的正值和负值。

tagCloudHover.style("top", function(){

       //parses the words attributes for its position, and gives that position to tagCloudHover
       var str, matches, index, num;
        str = thisWord.attr("transform");
        matches = str.match(/\d+/g);
        for (index = 1; index < 2; ++index) {
                num = (parseInt(matches[index], 10));

        }



        if(num<0){
            return -num+"px";
        }else{
            return num+"px";
        }
  });

我的代码如上，最后一条语句什么都不做，但它能够从字符串中获取一个 Int 。问题是它不会抓住负号。

我不是最擅长解析，但我尝试了几个不同的 str.match 函数，但似乎没有任何效果。

任何 parseNinjas 有什么想法吗？任何事情都有帮助。艾萨克

4

2 回答 2

2

您的正则表达式应该是/-?\d+/g，基本上-在模式中添加“可选”。

于 2012-08-08T22:32:07.563 回答
1

如果您知道需要解析哪些值，则只需将负值乘以 -1

例子：

num = -1 * (parseInt(matches[index], 10));
于 2012-08-08T22:39:44.023 回答