简短问题:有没有办法可以在图表容器的左侧或右侧垂直对齐nvd3图例?
我尝试修改容器的宽度和高度,但它不起作用..它基本上抑制了容器本身。另一方面,如果我手动使用d3.select(“。nv-legendWrap”)。attr(“transform”,“translate(x,y)”);要移动图例容器,它也不起作用,因为在图例上单击它返回到顶部的常规位置,图表容器在其高度方面被抑制。
有关在nvd3源或某些css技巧中修改位置的任何想法?感谢。
答案 0 :(得分:3)
NVD3没有影响图例放置的选项,因此您必须手动执行(如您已经尝试过的那样)或修改源代码。您需要修改的具体内容取决于您使用的图表,例如line chart,位置在第160行中设置。
您当然也可以修改nv-legendWrap
类的CSS并为其提供固定位置。你仍然需要弄清楚确切的位置值,把它放在你想要的位置,但这样它即使重新生成图形也会保持不变。