D3.js 垂直对齐nvd3图例

简短问题：有没有一种方法可以垂直对齐图表容器左侧或右侧的nvd3图例

我尝试过修改容器的宽度和高度，但它不起作用。它基本上抑制了容器本身。另一方面，如果我手动使用d3.select（“.nv legendWrap”）.attr（“transform”，“translate（x，y）”）；要移动图例容器，它也不起作用，因为单击图例时，它会返回到顶部的常规位置，而图表容器的高度将被抑制

---

你知道在nvd3源代码或css中的哪些地方需要修改吗？谢谢。

NVD3没有影响图例位置的选项，因此您必须手动执行（正如您已经尝试过的那样）或修改源代码。具体需要修改的内容取决于所使用的图形，例如，位置设置在第160行

---

当然，您也可以修改

nv legendWrap

类的CSS，并为其指定一个固定位置。您仍然需要计算出确切的位置值，以便将其放置在您想要的位置，但这样即使在重新生成图形时，它也会保持不变。

另一个选项是在HTML 5中创建图例，并将其连接到图表的事件。这样，您可以更严格地控制样式。