javascript - 向迷你图添加过渡不起作用

Question

我使用 d3 创建了一个迷你图。我正在尝试向图表添加过渡，但它不起作用。这是示例代码：

   var line = svg.append('path')
  .datum(data)
  .attr('class', 'sparkline')
  .attr("id", "current-path-sparkline-container")
  .attr("fill", "none")
  .attr('d', line)
  .style("stroke", "url(#gradient)")
  
line.transition()
    .duration(1500)
    .ease('linear')

这是codepen链接。

标签： javascriptsvgd3.js