d3.js - 使用滑块动态更改图形

Question

我有一个图表，其中每个边的数值介于0和1之间。我想在网页上添加一个滑块，以便当滑块值在0和1之间变化时，只有值大于滑块的边是画。有没有某种规范的方法来做到这一点？我是d3的新手，看过基本的力图代码，但不确定从哪里开始。

Answer 1

这将向javascript公开一个UI小部件滑块 - 将它放在你的html正文块

中

<p>Volume</p>
<input id="volume" type="range" min="0" max="1" step="0.1" value="0.5"/>

然后把它放到你的javascript中

  document.getElementById('volume').addEventListener('change', function() {

      var curr_volume = this.value;

      console.log("curr_volume ", curr_volume);

      // now do something with curr_volume
  });

这将使您启动并运行，直到出现一些规范技巧