我試圖讓我的數據與 jQuery 滑塊交互。我的數據用鋼藍色的垂直線表示，但 jQuery 滑塊僅與淺灰色垂直線 xAxis 交互，因為我使用 xAxis x.axis 及其路徑設置它。它只隨滑塊移動，而不是鋼藍中的實際垂直線。我不能使用 d3 滑塊，我被這個 d3 v2 困住了。我問了一個關于垂直線的問題：（How to interact JQuery slider with d3 vertical lines for every data point），但建議對這個滑塊問題提出一個單獨的問題：（任何輸入都會有幫助！這是代碼:// define dimensions of graphvar m = [80, 80, 80, 80]; // marginsvar w = 1000 - m[1] - m[3]; // widthvar h = 350 - m[0] - m[2]; // height// create a simple data array that we'll plot with a line (this array represents only the Y values, X will just be the index location)var data = [0];for (var i = 1; i < 50; i++) {  var sign = Math.random() > 0.5 ? +1 : -1;  data.push(data[i - 1] + sign * Math.random());}// X scale will fit all values from data[] within pixels 0-wvar x = d3.scale.linear().domain([0, data.length]).range([0, w]);// Y scale will fit values from 0-10 within pixels h-0 (Note the inverted domain for the y-scale: bigger is up!)var y = d3.scale.linear().domain([d3.min(data), d3.max(data)]).range([h, 0]);// Add an SVG element with the desired dimensions and margin.var graph = d3.select("#graph").append("svg:svg")  .attr("width", w + m[1] + m[3])  .attr("height", h + m[0] + m[2])  .append("svg:g")  .attr("transform", "translate(" + m[3] + "," + m[0] + ")");// create yAxisvar xAxis = d3.svg.axis().scale(x).tickSize(-h).tickSubdivide(3);// Add the x-axis.graph.append("svg:g")  .attr("class", "x axis")  .attr("transform", "translate(0," + h + ")")  .call(xAxis);// create left yAxisvar yAxisLeft = d3.svg.axis().scale(y).ticks(4).orient("left");// Add the y-axis to the leftgraph.append("svg:g")  .attr("class", "y axis")  .attr("transform", "translate(-25,0)")  .call(yAxisLeft);var circle = graph.selectAll("circle")  .data(data);circle.enter()  .append("circle")  .attr("cx", function(d, i) {    return x(i)  })  .attr("cy", function(d) {    return y(d)  })  .attr("class", "circle")  .attr("r", 2)  .attr("fill", "red");