如何获取D3轴的路径字符串

Question

是否有一种有效的方法来从轴生成器函数中获取D3中生成的轴的路径字符串，例如如下所示，因为我需要稍后将添加到图表的路径的交点平分X轴，

var xScale = d3.scaleLinear().domain([0,10]).range([0,width]);

var xAxis = g.append("g")
.attr("class","x-axis-right")
.attr("transform", `translate(0, ${height})`)
.style("fill","blue")
.style("stroke","none")

var xAxisCall = d3.axisBottom(xScale);

xAxis.transition(t).call(xAxisCall);

Answer 1

对于我来说，为什么要使用--属性几乎没有意义，但是无论如何，这是做到这一点的方法：

在D3中， getters 是很多没有第二个参数的方法。因此，如果这设置了const MyEpic = (action$, store) => action$.pipe( ofType(ActionCreators.ACTION_ONE.type), mergeMap(action => api.postRegister(action.payload) .map(res => ActionCreators.ACTION_TWO.create(res)) .catch(err => Observable.of(ActionCreators.ACTION_FAILED.create(err))) )); 属性...

d

...得到它了

d

因此，您所需要做的就是选择所需的路径，在您的情况下为：

selection.attr("d", foo);

这是演示，请看控制台：

selection.attr("d");

xAxis.select("path").attr("d");