简短的问题:有没有一种方法可以垂直对齐图表容器左侧或右侧的 nvd3 图例?
我试过修改容器的宽度和高度,但它不起作用..它基本上抑制了容器本身。另一方面,如果我手动使用 d3.select(".nv-legendWrap").attr("transform", "translate(x,y)"); 要移动图例容器,它不起作用,因为在图例单击时,它会返回到顶部的常规位置,而图表容器的高度会被抑制。
关于在 nvd3 源或一些 css 技巧中修改的任何想法?谢谢。
NVD3 没有影响图例位置的选项,因此您必须手动进行(正如您已经尝试过的那样)或修改源。您需要修改的具体内容取决于您使用的图表,例如折线图,位置设置在第 160 行。
你当然也可以修改nv-legendWrap
类的 CSS 并给它一个固定的位置。您仍然需要找出确切的位置值才能将其放置在您想要的位置,但这样即使重新生成图形,它也会保持在原位。