为D3轴如何获得自动生成tickValues

Question

我有一个自动生成的蜱一轴：

var yAxisRight = d3.axisRight(yScale) 
var yAxisRightG = g.append("g") 
    .call(yAxisRight); 

// What to call here 
var yAxisRightTickValues = ??? 

天真我想呼吁像yAxisRight.tickValues()东西会给我的价值，但是当它们会自动生成该回报null。

如何获得由d3（版本4）自动生成的tickValues？

Answer 1

如果您有连续比例，则可以使用scale.ticks()来获取传递给轴生成器的滴答。

在此演示中，显示了console.log各轴的刻度：

var scale = d3.scaleLinear() 
 
    .range([20, 280]); 
 

 
[100, 50, 210, 350].forEach(function(d, i) { 
 
    scale.domain([0, d]); 
 
    d3.axisBottom(scale)(d3.select("svg").append("g").attr("transform", "translate(0," 
 
    + (10 + 25 * i) + ")")); 
 
    console.log("the scale " + i + " has these ticks: " + scale.ticks()) 
 
})

<script src="https://d3js.org/d3.v4.min.js"></script> 
 
<svg></svg>