Question

这是我的代码，它将我的数据集过滤一年，当我移动我的html滑块时，我想更新该值。我有一个变量year = 1979但是当我把它输入到函数中时它不起作用。

var yearData = data.filter(function(element) {return element.YEAR == "year"});

我想我错过了什么，有人能指出我正确的方向吗？

我的小提琴：http://jsfiddle.net/vyab4kcf/6/

Answer 1

呈现图表的代码仅在请求时调用一次。您需要存储请求的数据，然后执行您在回调中执行的相同说明。

所以：

var request_data;
d3.csv('http://...', function(error, data){
  // store the data  
  request_data = data;
  // Run update for the first request
  update("1979");
});

// Listen to slider changes
d3.select("#sexYear").on("input", function() {
  update(this.value);
});  

function update(sexYear) { 
  
  // Chart rendering code
  // Do your filters on request_data here  
  
}

使用HTML滑块更新变量

1 个答案: