我试图在d3.js中的数据集之间“滑动”。我让它正常工作,这样我就可以从原始集滑到下一个集,使用:
d3.queue()
.defer(d3.csv, "data/results_data.csv")
.defer(d3.csv, "data/results_data_09.csv")
.defer(d3.json, "data/world_geo.json")
.await(function(error, d2010, d2009, j_data) {
results_data['2009'] = d2009;
results_data['2010'] = d2010;
json_data = j_data;
drawVis('2010');
});以及:
var slider = d3.select('#year');
slider.on('change', function() {
//IF STATEMENT TO GO HERE
grabber =[];
drawVis('2009');
});但是,我希望能够使用if语句来回滑动。问题是我想不出怎么做。
我有一个用于滑块的表格:
<form>
<label for="year">Please select a year: </label>
<label for="year">Please select a year: </label>
<input type="range" min=2009 max=2010 step=1 id="year" value=2010 oninput="selected_year.value = year.value">
<output name="selected_year" id="selected_year">2010</output>
</form>是否有一种方法可以获取选定年份的id并在if语句中使用?
发布于 2018-03-26 15:58:18
我已经为感兴趣的人自己找到了更新:
我创建了这个变量
var selectedYear = document.getElementById("selected_year");然后在我的函数中使用这个if语句:
if(selectedYear.value = 2009) {
grabber =[];
drawVis('2009');
}现在一切都成功了!
https://stackoverflow.com/questions/49495565
复制相似问题