Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript NVD3线条图工具提示未跟随鼠标_Javascript_Date_Datetime_D3.js_Nvd3.js - Fatal编程技术网

Javascript 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); }) 下面列出

我正在使用NVD3库生成折线图,并给出了一些数据:

问题是,交互式指南如下所示(特别注意工具提示):

请注意,我只在折线图的开始和结束处获得工具提示

现在,我设置
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
希望有帮助!
如果你能为这个制作一把小提琴就更好了。

这帮了我的忙。谢谢!