垂直对齐nvd3图例

时间:2013-10-02 14:25:15

标签: d3.js nvd3.js

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

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

有关在nvd3源或某些css技巧中修改位置的任何想法?感谢。

1 个答案:

答案 0 :(得分:3)

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

您当然也可以修改nv-legendWrap类的CSS并为其提供固定位置。你仍然需要弄清楚确切的位置值,把它放在你想要的位置,但这样它即使重新生成图形也会保持不变。