如何在nvd3图例和图表之间添加间隙

我知道之前可能会问过这个问题，而且当我试图找到这个问题的答案时，我还没找到。 类似于这里的小提琴： http ： //jsfiddle.net/rdesai/vfe2B/51/ ，我试图通过这样做来增加图例和图表之间的差距：

graph.select(".nv-wrap.nv-legendWrap nv-legend nv-series").attr("transform", "translate(100,75)").style('padding','200px'); graph.select(".nv-wrap.nv-lineChart").attr("transform", "translate(100,75)"); 

使用这种方法我可以移动图表的位置，但是当我点击其中一个图例（打开/关闭圆圈）时，图表会回到原来的位置。 我也尝试过：

 chart = nv.models.lineChart().options({ width: 1050 }).margin({top: 0, right:30, left:80, bottom: 150}); 

但没有运气..关于如何解决这个问题的任何想法？ 谢谢！

Answer 1

你应该尝试如下：

 chart = nv.models.lineChart() chart.legend.margin({top: 0, right:30, left:80, bottom: 150}); 

更新你的小提琴

希望能帮助到你：）