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

时间:2014-11-09 22:34:59

标签: javascript html d3.js graph data-visualization

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

1 个答案:

答案 0 :(得分: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
  });

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