D3.js nvd3图例重叠

D3.js nvd3图例重叠,d3.js,nvd3.js,D3.js,Nvd3.js,我的数据包含两条正确渲染的曲线,但图例重叠,第二条的彩色点和文本部分重叠第一条的文本。当我单击任一点以隐藏曲线时,重叠将立即解析,并且不会返回 代码如下。一个页面上有多个。当我省略xAxis行时,问题就解决了,尽管没有明显的联系 d3.json('project_x_data.json', function(data) { nv.addGraph(function() { var chart = nv.models.lineChart() .x(fun

我的数据包含两条正确渲染的曲线,但图例重叠,第二条的彩色点和文本部分重叠第一条的文本。当我单击任一点以隐藏曲线时,重叠将立即解析,并且不会返回

代码如下。一个页面上有多个。当我省略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当前的合并版本

编辑

图表包含在引导选项卡上,该选项卡在页面加载时默认不显示。当我在选项卡处于选中状态时调整浏览器窗口的大小时(图表可见),图例会自动更正。当我在选项卡未被选中(图表被隐藏)时调整浏览器窗口的大小时,然后选择选项卡,图例本身没有更正。因为这张图太小了。。。很简单,问题似乎是在隐藏图表时进行渲染


这是否有助于引发任何想法?

这不再是一个问题


现在,我使用Ajax渲染图形,仅当选项卡变得可见时。这足以使结果可靠且可重复

仅供参考-我也有这个问题。