2013-03-14 40 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渲染图形。这足以使结果可靠和可重复。