Javascript 当鼠标光标位于使用highcharts的图表上时，如何呈现垂直线？

我一直在开发一个web应用程序，它使用Highcharts绘制数据。因此，其中一个要求是，当我将鼠标悬停在图表上时（下面的屏幕截图——假设箭头是鼠标光标），一条垂直线将自动显示鼠标光标所在的位置。除此之外，当鼠标光标在图表中横向移动时，垂直线也将沿x轴移动

这是示例图表

这是我的highchart配置脚本

    function plotChartData(dataseries, xtitle)
{
    myChart = new Highcharts.Chart({
        chart: {
            renderTo: 'trendspace',
            type: 'line',
            zoomType: 'xy',
            panning: true,
            panKey: 'shift',
            plotBorderWidth: 1
        },
        title: {
            text: ''
        },
        legend: {
            layout: 'horizontal',
            align: 'left',
            itemDistance: 10,
            borderWidth: 0,
            itemMarginTop: 0,
            itemMarginBottom: 0,
            padding: 20
        },
        plotOptions: {
            series: {
                states: {
                    hover: {
                        enabled: false
                    }
                },
                dataLabels: {
                    enabled: false,
                    format: '{y}'
                },
                allowPointSelect: false
            }
        },
        xAxis: {
            type: 'datetime',
            labels: {
                rotation: -65,
                style: {
                    fontSize: '9px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        yAxis: {
            gridLineColor: '#DDDDDD',
            gridLineWidth: 0.5
        },
        series: [{
            name: xtitle,
            data: dataseries,
            tooltip: {
                pointFormat: '{series.name}: <b>{point.y}</b><br/>',
                valueDecimals: 2
            }
        }]
    });
}

函数plotChartData（数据系列，xtitle）
{
myChart=新的Highcharts.Chart({
图表：{
renderTo:“趋势空间”，
键入：“行”，
zoomType:'xy'，
平移：是的，
平移键：“shift”，
绘图边框宽度：1
},
标题：{
文本：“”
},
图例：{
布局：“水平”，
对齐：“左”，
项目距离：10，
边框宽度：0，
itemMarginTop:0，
itemMarginBottom:0，
填充：20
},
打印选项：{
系列：{
国家：{
悬停：{
已启用：false
}
},
数据标签：{
启用：false，
格式：“{y}”
},
allowPointSelect:false
}
},
xAxis：{
键入：“日期时间”，
标签：{
轮调：-65，
风格：{
fontSize:'9px'，
fontFamily:“Verdana，无衬线”
}
}
},
亚克斯：{
gridLineColor:“#DDDDDD”，
网格线宽度：0.5
},
系列：[{
姓名：xtitle，
数据：数据系列，
工具提示：{
pointFormat:“{series.name}：{point.y}
”，
数值小数：2
}
}]
});
}

我浏览了Highcharts API，但找不到实现这一点的确切方法或配置。这在海图中可行吗？我怎样才能做到这一点

非常感谢您的帮助。

请尝试设置您的

或者像@IronGeek所写的那样，使用尝试设置您的

---

或者正如@IronGeek所写，使用文档中的

：“从4.1开始就不推荐使用十字线定义，为了更好地与工具提示分离，十字线定义被移动到Axis对象。请参阅。”@vorkosigan，感谢您为我指明了这个方向。我现在可以在图表中看到沿x轴的“十字光标”。@IronGeek我使用的是

xAxis.crosshair

定义，而不是

工具提示.crosshairs

。谢谢。在文档中：“从4.1开始就不推荐使用了，为了更好地与工具提示分离，十字线定义被移动到Axis对象。请参见。”@vorkosigan，谢谢你为我指明了这个方向。我现在可以在图表中看到沿x轴的“十字光标”。@IronGeek我使用的是

xAxis.crosshair

定义，而不是

工具提示.crosshairs

。非常感谢。

tooltip: {
    crosshairs: [true]
}