将相同数据绑定到所有元素并从datum追加

时间:2015-06-23 18:06:58

标签: d3.js

我有许多从数据集data创建的元素。然后我想将same_data绑定到每个元素,并在每个元素上描述相同的svg元素。

我正在使用datumsame_data绑定到每个元素,但我不确定如何根据same_data添加元素。如果same_data长度为72个实例,如何为每个原始元素添加72个圆圈?

我的工作方向错误吗?

var element = svg.selectAll('.element')
    .data(data);

var element_enter = element.enter().append('g')
    .attr('class','element');

element_enter.append('g')
    .datum(same_data)
    // append('circle') ??

1 个答案:

答案 0 :(得分:0)

使用此example和此guide作为参考:

var element = svg.selectAll('.element')
    .data(data);

var element_enter = element.enter().append('g')
    .attr('class','element');

element.selectAll('.circle')
    .data(same_data)
    .enter()
    .append('circle')
    .attr('class', 'circle')

使用链式selectAll(),即element.selectAll('.circle')