向 d3 甘特图添加水平网格线的最佳方法是什么,如this example ?我最初考虑制作一个轴并制作图表长度的刻度线(如 this example ),但这将它们直接放在图表矩形的中间。
是否可以将轴标记为矩形周围的“车道”,或者更容易绘制线条(如 here 所做的那样)?
最佳答案
解决方案来自this issue post on GitHub 。基本上只需将轴组平移带宽度的一半即可:
var yScale = d3.scaleBand()
.domain(lanes)
.rangeRound([0, chartHeight], 0.1);
var yGridAxis = d3.axisLeft()
.scale(yScale)
.tickFormat('')
.tickSize(-chartWidth);
chart.append('g')
.attr('class', 'grid')
.attr('transform', function(d) {
return 'translate(0,' + (-yScale.bandwidth()/2) + ')';
})
.call(yGridAxis);
关于javascript - 将 y 轴网格线添加到 D3 甘特图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48711277/