Javascript 当useInteractiveGuideline为true时,nvd3轴记号出现并消失

Javascript 当useInteractiveGuideline为true时,nvd3轴记号出现并消失,javascript,d3.js,nvd3.js,Javascript,D3.js,Nvd3.js,所以我不知道是否还有其他人经历过 我正在使用nvd3创建一些折线图。如果useInteractiveGuideline为true,则当我将鼠标悬停在线条上方时,小工具提示将按预期显示,但不知何故,它会将一些轴记号弄乱,导致它们消失或无法正确显示 只需放大/缩小,向上/向下滚动即可恢复刻度 我只是在nvd3 live code网站上使用javascript代码 nv.addGraph(function() { var chart = nv.models.lineChart() .u

所以我不知道是否还有其他人经历过

我正在使用nvd3创建一些折线图。如果useInteractiveGuideline为true,则当我将鼠标悬停在线条上方时,小工具提示将按预期显示,但不知何故,它会将一些轴记号弄乱,导致它们消失或无法正确显示

只需放大/缩小,向上/向下滚动即可恢复刻度

我只是在nvd3 live code网站上使用javascript代码

    nv.addGraph(function() {
    var chart = nv.models.lineChart()
.useInteractiveGuideline(true)
;

 chart.xAxis
.axisLabel('Time (ms)')
.tickFormat(d3.format(',r'))
;

chart.yAxis
.axisLabel('Voltage (v)')
.tickFormat(d3.format('.02f'))
;

 d3.select('#chart svg')
.datum(data)
.transition().duration(500)
.call(chart)
;

nv.utils.windowResize(chart.update);

return chart;
});
和数据:

    [
{
"values": [
  {
    "x": 1347663600,
    "y": 1.2790000438690186
  },
  {
    "x": 1350255600,
    "y": 1.2717000246047974
  },
  {
    "x": 1352937600,
    "y": 1.262649953365326
  },
  {
    "x": 1355529600,
    "y": 1.287500023841858
  },
  {
    "x": 1358208000,
    "y": 1.2908499836921692
  },
  {
    "x": 1360886400,
    "y": 1.267799973487854
  },
  {
    "x": 1363305600,
    "y": 1.350600004196167
  },
  {
    "x": 1365980400,
    "y": 1.3437999486923218
  },
  {
    "x": 1368572400,
    "y": 1.343999981880188
  },
  {
    "x": 1371250800,
    "y": 1.344099998474121
  },
  {
    "x": 1373842800,
    "y": 1.3225199580192566
  },
  {
    "x": 1376521200,
    "y": 1.3444000482559204
  },
  {
    "x": 1379199600,
    "y": 1.3273500204086304
  },
  {
    "x": 1381791600,
    "y": 1.3446999788284302
  },
  {
    "x": 1384473600,
    "y": 1.347499966621399
  },
  {
    "x": 1387065600,
    "y": 1.3476499915122986
  },
  {
    "x": 1389744000,
    "y": 1.350600004196167
  },
  {
    "x": 1392422400,
    "y": 1.3508000373840332
  },
  {
    "x": 1394841600,
    "y": 1.3692998886108398
  },
  {
    "x": 1397516400,
    "y": 1.381890058517456
  },
  {
    "x": 1400108400,
    "y": 1.3828500509262085
  },
  {
    "x": 1402786800,
    "y": 1.4433000087738037
  }
],
"key": "Median Senior OC",
"color": "#f9b800"
 },
 {
 "values": [
  {
    "x": 1347663600,
    "y": 1.149999976158142
  },
  {
    "x": 1350255600,
    "y": 1.149999976158142
  },
  {
    "x": 1352937600,
    "y": 1.149999976158142
  },
  {
    "x": 1355529600,
    "y": 1.1430000066757202
  },
  {
    "x": 1358208000,
    "y": 1.149999976158142
  },
  {
    "x": 1360886400,
    "y": 1.149999976158142
  },
  {
    "x": 1363305600,
    "y": 1.1459999680519104
  },
  {
    "x": 1365980400,
    "y": 1.149999976158142
  },
  {
    "x": 1368572400,
    "y": 1.149999976158142
  },
  {
    "x": 1371250800,
    "y": 1.149999976158142
  },
  {
    "x": 1373842800,
    "y": 1.149999976158142
  },
  {
    "x": 1376521200,
    "y": 1.149999976158142
  },
  {
    "x": 1379199600,
    "y": 1.1509999632835388
  },
  {
    "x": 1381791600,
    "y": 1.149999976158142
  },
  {
    "x": 1384473600,
    "y": 1.1509999632835388
  },
  {
    "x": 1387065600,
    "y": 1.149999976158142
  },
  {
    "x": 1389744000,
    "y": 1.149999976158142
  },
  {
    "x": 1392422400,
    "y": 1.149999976158142
  },
  {
    "x": 1394841600,
    "y": 1.149999976158142
  },
  {
    "x": 1397516400,
    "y": 1.149999976158142
  },
  {
    "x": 1400108400,
    "y": 1.149999976158142
  },
  {
    "x": 1402786800,
    "y": 1.149999976158142
  }
],
"key": "Median Trigger",
"color": "#34418f"
}
]
我很抱歉没有放置JSFIDLE,但是代码与 . 唯一的区别是,它不是
.datum(data())
我有
.datum(数据)


谢谢

我没有注意到任何闪烁或重绘问题。您使用的浏览器/操作系统是什么?嘿@AmeliaBR谢谢您的评论。我使用的是LinuxMint17。这确实发生在Firefox上。但这仍然是一个大问题。你能把你的代码放在小提琴上看一下吗?@shabeer90正如我所说,如果你用firefox进入livecode页面,把json数据放在上面,你就会看到它。感谢必须针对Firefox/Linux实现:Win7上的FF31没有问题。您可能希望添加Firefox和Linux标签(并编辑问题标题),以吸引特定实现bug方面的专家。关于具体发生了什么的更多细节也会有所帮助。