操纵nvd3图表属性

Question

我无法操纵nvd3生成的属性。我想留下一点文字。 svg文本x现在有-3。我能够通过d3js代码访问它，但将属性设置为另一个值不起作用。它只运行一秒钟，然后它们回到原来的位置。

我的代码：

d3.select('#chart svg').selectAll('.nv-y .tick text')
                .each(function(d,i){
                  console.log(d3.select(this).attr('x',-100));
    });

这里是fiddle我正在寻找的图片。

Answer 1

如果您在调用chart后立即将其链接：

，则此功能正常

d3.select('#chart svg')
  .datum(sinandcos())
  .transition().duration(500)
  .call(chart)
  .selectAll('.nv-y text')
  .attr('x',-15)
  ;

请注意，我也改变了选择器，也选择了轴的极点处的标签。完整演示here。