Javascript NVD3线条图工具提示未跟随鼠标
我正在使用NVD3库生成折线图,并给出了一些数据: 问题是,交互式指南如下所示(特别注意工具提示): 请注意,我只在折线图的开始和结束处获得工具提示 现在,我设置Javascript NVD3线条图工具提示未跟随鼠标,javascript,date,datetime,d3.js,nvd3.js,Javascript,Date,Datetime,D3.js,Nvd3.js,我正在使用NVD3库生成折线图,并给出了一些数据: 问题是,交互式指南如下所示(特别注意工具提示): 请注意,我只在折线图的开始和结束处获得工具提示 现在,我设置useeinteractiveguideline(false) 这确实显示正确,但非常滞后,我想使用useeinteractiveguideline(true) 我怀疑这是我代码中的一个bug。可能需要定义 .x(function (d) { return xValues.indexOf(d.x); }) 下面列出
useeinteractiveguideline(false)
这确实显示正确,但非常滞后,我想使用useeinteractiveguideline(true)
我怀疑这是我代码中的一个bug。可能需要定义
.x(function (d) {
return xValues.indexOf(d.x);
})
下面列出的代码在我们的项目中运行良好:
nv.addGraph(function () {
var chart = nv.models.lineChart()
.margin({bottom: 20})
.x(function (d) {
return xValues.indexOf(d.x);
})
.useInteractiveGuideline(false)
.forceY([-10, 40])
.tooltipContent(function (key, x, y, e) {
return '<h3>' + key + '</h3>' +
'<p>' + e.point.y + ' at ' + x + '</p>';
})
;
chart.xAxis
//.axisLabel($translate.instant('loadTests.overview.testRuns.grid.startOn'))
.showMaxMin(true)
.tickFormat(function (d) {
if (typeof(d) === 'number' && d >= 0 && d < xValues.length) {
return d3.time.format('%m/%d')(new Date(1 * xValues[d]));
}
return 0;
})
.tickValues(xValues)
;
...
nv.addGraph(函数(){
var chart=nv.models.lineChart()
.margin({底部:20})
.x(功能(d){
返回xValues.indexOf(d.x);
})
.useInteractiveGuideline(错误)
.forceY([-10,40])
.ToolTicContent(函数(键,x,y,e){
返回“”+键+“”+
“”+e.point.y+”位于“+x+””;
})
;
chart.xAxis
//.axisLabel($translate.instant('loadTests.overview.testRuns.grid.startOn'))
.showMaxMin(真)
.d格式(函数(d){
如果(类型(d)=='number'&&d>=0&&d
希望有帮助!
如果你能为这个制作一把小提琴就更好了。这帮了我的忙。谢谢!