如何从d3.js范围滑块获取选定值?

如何从d3.js范围滑块获取选定值?,d3.js,slider,range,D3.js,Slider,Range,嗨,我设法从互联网上得到了一个范围滑块,我只是修改了它。现在我想知道如何从范围滑块获取值。我的名字是。如果我选择了从0.3到0.8的值,那么我想在两个不同的变量中得到值0.3和0.8。我还想将滑块的x轴转换为yearsdo,如果可能的话,只对u进行转换,否则我将尝试。谢谢 var brush = d3.svg.brush() .x(x) .extent([.3, .9]) .on("brushstart", brushstart) .on("brush", brus

嗨,我设法从互联网上得到了一个范围滑块,我只是修改了它。现在我想知道如何从范围滑块获取值。我的名字是。如果我选择了从0.3到0.8的值,那么我想在两个不同的变量中得到值0.3和0.8。我还想将滑块的x轴转换为yearsdo,如果可能的话,只对u进行转换,否则我将尝试。谢谢

var brush = d3.svg.brush()
    .x(x)
    .extent([.3, .9])
   .on("brushstart", brushstart)
    .on("brush", brushmove)
    .on("brushend", brushend);

var arc = d3.svg.arc()
    .outerRadius(height / 2)
    .startAngle(0)
    .endAngle(function(d, i) { return i ? -Math.PI : Math.PI; });

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");


svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")")
    .call(d3.svg.axis().scale(x).orient("top").tickSize(0));

/*var circle = svg.append("g").selectAll("text")
    .data(data)
    .enter().append("text").text("working");
    */


var brushg = svg.append("g")
    .attr("class", "brush")
    .call(brush);

brushg.selectAll(".resize").append("path")
    .attr("transform", "translate(0," +  height / 2 + ")")
    .attr("d", arc);

brushg.selectAll("rect")
    .attr("height", height);

brushstart();
brushmove();

function brushstart() {
  svg.classed("selecting", true);
}

function brushmove() {
  var s = brush.extent();
  circle.classed("selected", function(d) { return s[0] <= d && d <= s[1]; });
}

function brushend() {
  svg.classed("selecting", !d3.event.target.empty());
}

我假设你说的范围滑块是指笔刷。您可以通过调用brush.extent.yes.来获取其范围。。现在只有我在d3中看到这样的概念。请为初学者推荐一些画笔概念的教程链接。API文档会对您有所帮助。好的,。谢谢我会经历的我现在已经尽力做到了。但我想显示我通过d3.time.format%b完成此操作的月份的缩写名称,但它不显示年份,而是显示月份。。我想在一月一日的时候展示这一年。