D3.JS根据输入更改重新计算datum()值

时间:2018-12-14 13:01:18

标签: d3.js

我正在使用以下代码根据输入数据绘制一条线:

const line = d3.line()
  .x((d) => x(d[0]))
  .y((d) => d[1]);

const lineObjects = view.append('g')
    .selectAll("g")
      .data(input)
      .enter()
      .append("g")
      .append('path')
    .datum((d)=> [
  [d.value*3, d.value2],
  [d.value*10, d.value3],
  [d.value*3, d.value4],
  ])
    .attr('d', line)

哪个在第一次跑步时效果很好。 我的问题是我不知道如何在input更改中重绘这些行。如果我再次调用lineObjects.datum(),那么我将获得先前的函数返回结果,而不是正常的输入。

0 个答案:

没有答案