3

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

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

关于在 nvd3 源或一些 css 技巧中修改的任何想法?谢谢。

4

1 回答 1

3

NVD3 没有影响图例位置的选项,因此您必须手动进行(正如您已经尝试过的那样)或修改源。您需要修改的具体内容取决于您使用的图表,例如折线图,位置设置在第 160 行。

你当然也可以修改nv-legendWrap类的 CSS 并给它一个固定的位置。您仍然需要找出确切的位置值才能将其放置在您想要的位置,但这样即使重新生成图形,它也会保持在原位。

于 2013-10-02T17:00:19.923 回答