小编ada*_*mcc的帖子

我试图通过增加和减少其半径来在圆上创建脉冲效果.我希望圆圈能够根据给定的数据集增长和缩小.我只能获得过渡功能以增加或减少半径而不是两者.

d3自动为数组中的每个值创建一个不同的圆.我怎样才能使一个圆的半径随着它在数组中的迭代而增长和缩小？我到目前为止的简单版本如下.谢谢你尽你所能的帮助.

dataset = [30, 80, 150, 90, 20, 200, 180]

var svg = d3.select("body")
  .append("svg")
  .attr("width", w)
  .attr("height", h);

var circle = svg.selectAll("circle")
  .data(dataset)
  .enter()
  .append("circle");

circle
  .attr("cx", 500)
  .attr("cy", h/2)
  .attr("r", dataset[0])
  .attr("fill", "orange");