Question

我希望标题文字与this answer中描述的类似。我想指定上边距以确保它的位置。但是margin.top似乎根本没有效果。

我在javascript中指定了这样的边距：

chart.margin({
        top: 1000,
        right: 100,
        bottom: 0,
        left: 100
    });

所有其他保证金均按预期运作。在http://jsfiddle.net/6DgVP/2/尝试我的简短演示（积分转到我修改过的original example）。除顶部外，所有边距都有效。

这是一个已知问题吗？我能以某种方式解决它吗？

Answer 1

嗯，对我来说听起来像个小虫子。问题是this file中的一些代码：

if ( margin.top != legend.height()) {
      margin.top = legend.height();
      availableHeight = (height || parseInt(container.style('height')) || 400)
                         - margin.top - margin.bottom;
    }

如果通过将图例设置为图例的高度来显示图例，则忽略margin.top的设置。您当然可以隐藏图例以获得要考虑的最高边距（我已经完成here），但您也可以设置图例的上边距来实现此目的：

chart.legend.margin({top: 30});

完整演示here。

NVD3图表上边距确保图表标题的空间不起作用

1 个答案: