nvd3 легенды перекрываются

Question

Мои данные содержат две кривые, которые отображаются правильно, но легенды перекрываются, так что цветная точка и текст для второго частично перекрывают текст для первого. Когда я нажимаю на точку, чтобы скрыть кривую, перекрытие немедленно разрешается и не возвращается.

Код ниже. Их несколько на странице. Когда я опускаю строку xAxis, проблема устраняется, хотя нет очевидного соединения.

d3.json('project_x_data.json', function(data) { 
    nv.addGraph(function() { 
    var chart = nv.models.lineChart() 
        .x(function(d) { return d[0] }) 
        .y(function(d) { return d[1] }) 
        .clipEdge(true); 

    chart.xAxis.axisLabel('').tickFormat(function(d){ 
    return d3.time.format('%d/%m/%y')(new Date(d*1000)) }); 

    d3.select('#chart-project_x_data svg').datum(data) 
    .call(chart); 

    nv.utils.windowResize(chart.update); 
    return chart; 
    }); 
}); 

Версии :: Браузеры: Firefox, Chrome, Ubuntu и OSX. Такое же поведение на новелла/nvd3 последнее, и текущие слияния Advael.

Edit ...

Диаграммы включены на вкладку начальной загрузки, которая не отображается по умолчанию при загрузке страницы. Когда я изменяю размер окна браузера, когда выбрана вкладка IS (диаграммы видны видимыми), легенды исправляют себя. Когда я изменил размер окна браузера, когда на вкладке NOT выбран (спрятаны диаграммы), затем выберите вкладку, легенды не скорректировали себя. Поскольку диаграмма является soooo ... простой, кажется, проблема заключается в том, что рендер выполняется, пока диаграмма скрыта.

Помогает ли это вызвать какие-либо мысли?

Answer 1

Это уже не проблема.

Теперь я рисую графики, используя Ajax, только когда вкладка стала видимой. Этого достаточно, чтобы сделать результат надежным и повторяемым.