nvd3传说重叠

时间:2013-03-14 11:51:17

标签: d3.js nvd3.js

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

以下代码。页面上有多个这些。当我省略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目前的合并。

编辑...

图表包含在引导选项卡中,默认情况下在页面加载时不显示。当我选择选项卡 IS (图表可见)时,我调整浏览器窗口的大小时,图例会自行更正。当选项卡选中(图表被隐藏),然后选择选项卡时,我调整了浏览器窗口的大小,图例未自行更正。由于图表太简单了,因此问题似乎是在隐藏图表时完成渲染。

这有助于激发任何​​想法吗?

1 个答案:

答案 0 :(得分:0)

这不再是问题了。

我现在只使用标签可见时才使用Ajax渲染图形。这足以使结果可靠且可重复。