javascript - d3.js Slider: how to get value? -


ok all, know has been asked before, i've been having trouble figuring out examples i've seen. have d3 slider range of years. i'm trying console along lines of this.value(), or whatever it's current value is. however, can't seem console.log slider working. appreciated on how read current value!

var timeslider =  d3.select('#slider7').call(d3.slider().axis(true).min(1970).max(2000).step(1)); timeslider.on("slide", function(evt, value) {     console.log("slider working!") }) 

i'm assuming you're using d3-slider implemented mastermaps. if are, understanding d3.select('#documentid').call(d3.slider()) returns html block displays slider along necessary styling. however, slider's html block not include event handlers.

what might need this:

var timeslider =  d3.select('#slider7').call(d3.slider().axis(true).min(1970).max(2000).step(1)); timeslider.call(d3.slider().on("slide", function(evt, value) {   // `value` percentage travelled on slider   // selected year therefore value * (max - min) + min   var year = value/100 * (2000-1970) + 1970;   console.log("the slider's current value is:" + year); })); 

Comments