D3中是否有任何方法可以调整轴标签以确保它们显示在屏幕上? Fiddle Example
我可以增加左边填充以允许y轴标签完全显示,但有没有办法以数据驱动的方式执行此操作?
// Calculate dimensions.
var svgWidth = 500, svgHeight = 250;
var padding = {
left: 150,
top: 75,
bottom: 20,
right: 100
};
var contentWidth = svgWidth - padding.left - padding.right;
var contentHeight = svgHeight - padding.top - padding.bottom;
...
// Y-Axis
var yAxis = d3.svg.axis()
.scale(yScale)
.orient("left");
svg.append("g")
.classed("yAxis", true)
.attr("transform", "translate(" + padding.left + ", " + padding.top + ")")
.call(yAxis);