如何更改legend-nvd3图表的位置

Question

如何更改图例的位置，图例位于最右侧，我可以将其移动到最左侧？我试着在nvd3.js代码中做一些更改，但这对我来说根本不起作用！我确定如何以及在哪里可以添加属性来改变位置？

仅供参考，以下是我想改变其位置的图例（主要用法＆＃39;，＆＃39;阻止使用情况＆＃39;其他用法＆＃39;）

任何意识形态？谢谢！

Answer 1

关于rightAlign属性绝对正确，好消息是我们可以在addGraph函数中设置如下：

chart.legend.rightAlign(false);

Answer 2

来自nv.d3.js中的源代码注释行5005：

//position legend as far right as possible within the total width
if (rightAlign) {
   g.attr('transform', 'translate(' + (width - margin.right - legendWidth) + ',' + margin.top + ')');
}
else {
   g.attr('transform', 'translate(0' + ',' + margin.top + ')');
}

所以我猜你无法将传说定位在左侧：）

代码旨在尽可能地将图例放在最右边，它还包含一些包装逻辑，一旦一行中的图例长度达到某个最大限制（如达到图表的宽度），它将以井格式分成两行。

希望它有所帮助！