Javascript 当useInteractiveGuideline为true时,nvd3轴记号出现并消失
所以我不知道是否还有其他人经历过 我正在使用nvd3创建一些折线图。如果useInteractiveGuideline为true,则当我将鼠标悬停在线条上方时,小工具提示将按预期显示,但不知何故,它会将一些轴记号弄乱,导致它们消失或无法正确显示 只需放大/缩小,向上/向下滚动即可恢复刻度 我只是在nvd3 live code网站上使用javascript代码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
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方面的专家。关于具体发生了什么的更多细节也会有所帮助。