用HTML滑塊更新變量

Question

這是我的代碼，它將我的數據集過濾到一年，當我移動我的html滑塊時我想更新該值。我有一個可變年份= 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 
 
    
 
}