.style(" background-position",function(){...})没有填充属性

时间:2014-03-20 00:37:47

标签: javascript d3.js

此处的完整代码: http://jsfiddle.net/Rczun/5/

最重要的部分是我希望根据数据集将我的样本数据集用于元素的正确“背景位置”,日志显示有迭代且数据是好的但它是仍未被分配。

var container = d3.select('.icon-selection-container').attr('width',500);

var s = container.selectAll('.icon')
.data(icon_defs);

s.enter()
.append('div')
.attr({
    class : 'icon icon-book'
})
.style("background-image", "url('http://static.mabelslabels.com/images/booklabels2.png')")
.style("background-position", function(d,i) {
        var bgPos = d.style.slice(20);//clean sample data up
        console.log(bgPos);
        return bgPos;
        }
    );

1 个答案:

答案 0 :(得分:1)

你需要删除;在值的末尾,所以它适用于

var bgPos = d.style.slice(21,-1);

http://jsfiddle.net/Rczun/6/