D3动态重绘Y轴

Question

我想创建一个具有多个（线性）轴的动态图形。绘制坐标轴后，我想（随着新数据的到来）更改Data Domain并重绘/更新坐标轴。我可以用D3选择现有的轴并执行此操作，还是必须将每个轴显式保存在我的代码中？我希望我的问题不会让人困惑。

// init all Y-Axis 
$.each(chart.YAxes, function (index) { 
      var yScale, yAxis; 
      yScale = d3.scale.linear().range([chartHeight, 0]); 
      yScale.domain([this.YMin, this.YMax]); 

      yAxis = d3.svg.axis() 
         .scale(yScale) 
         .ticks(10, this.Title) 
         .orient("left"); 

      d3Chart.append("g") 
        .attr("class", "yAxis " + "y" + this.ID) 
        .call(yAxis); 
...... 

// update Y-Axis (after new data arrives...) 
var myYAxis = d3.select(".y" + yAxis.ID); 
var myScale = myYAxis. **// get Scale ??** 
myScale.domain([newYMin, newYMax]); 
d3Chart.select(".y" + yAxis.ID) 
      .transition().duration(300).ease("sin-in-out") 
      .call(myYAxis); 

thx ...！

Answer 1

您需要保持对轴对象的引用，以便可以再次调用它。选择包含它并调用它的DOM元素将不起作用。有很多关于如何更新坐标轴的例子，例如在this question。