我有一个图表,其中每条边的数值都在 0 到 1 之间。我想向网页添加一个 slider ,以便当 slider 值在 0 到 1 之间变化时,只有值大于 slider 的边才会显示画。有某种规范的方法可以做到这一点吗?我对 d3 还很陌生,并且已经查看了基本的力图代码,但不确定从哪里开始。
最佳答案
这将向 JavaScript 公开一个 UI 小部件 slider - 将其放入您的 html 正文 block 中
<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
});
这将使您启动并运行,直到出现一些规范的技巧
关于javascript - d3.js - 使用 slider 动态更改图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26834114/