D3 y轴标签不会自动调整大小

时间:2015-01-28 17:59:24

标签: javascript d3.js label padding axis

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);

0 个答案:

没有答案