2013-03-14 39 views
1

我的數據包含兩條正確渲染的曲線,但圖例重疊,第二條的彩色點和文本與第一條文本部分重疊。當我點擊任一點以隱藏曲線時,重疊會立即解決,並且不會返回。nvd3傳說重疊

下面的代碼。頁面上有多個這樣的內容。當我省略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上。最近 novus/nvd3和Advael目前合併的行爲相同。

編輯...

的圖表包括不是由默認的頁面加載顯示的引導選項卡上。當選擇選項卡(圖表可見時可見)調整瀏覽器窗口大小時,圖例會自行更正。當我調整瀏覽器窗口時,選項卡是不是選中(圖表隱藏),然後選擇選項卡,傳說沒有糾正自己。由於圖表太簡單了,問題似乎是在圖表隱藏時完成了渲染。

這是否有助於激發任何​​想法?

+0

僅供參考 - 我也有這個問題。 – lostdorje 2013-05-08 09:51:28

回答

0

這不再是一個問題。

我現在只在選項卡變得可見時才使用Ajax渲染圖形。這足以使結果可靠和可重複。