Как добавить разрыв между легендой nvd3 и диаграммой

Question

Я знаю, что этого вопроса, возможно, задавали раньше, и, поскольку я пытался найти ответ на этот вопрос, я его действительно не нашел. Подобно скрипка здесь: 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}); 

Updated your fiddle

Надеется, что это помогает :)