Jquery 当鼠标悬停在x轴[Category]上时，如何在高图中的x轴[Category]上进行鼠标悬停

当鼠标悬停在x轴[Category]上时，如何在高图中的x轴[Category]上进行鼠标悬停

plotOptions: {
  areaspline: {
        fillOpacity: 0.5
    },

    series: {

        point: {
            events: {
                mouseOver: function() {
                    //alert ('Category: '+ this.category +', value: '+ this.y);
                    var res = this.category;

                    console.log(res);
                    var chart = Highcharts.charts[0];

                    //var first_set = this.getSpecificData(res);
                    data = [];
                    for (var i = 0; i < chart.series.length; i++) {

                        for (var j = 0; j < chart.series[i].points.length; j++){
                                if(j == res)
                                {
                                    //console.log(chart.series[i].points[j].y);
                                    data.push(chart.series[i].points[j].y)
                                }

                            }



                    }
                    maximum_value = (Math.max.apply(Math, data));
                    for (var k = 0; k < data.length; k++) {
                        if( data[k] == maximum_value )
                        {
                            //console.log("Kvalue:"+k);
                            first_set = k;
                        }

                    }

                    var point = chart.series[first_set].data[res];
                    var x = point.plotX + chart.plotLeft;
                    var y = point.plotY + chart.plotTop;
                    var height =(chart.plotHeight-point.plotY); //want height of the point!
                    chart.renderer.rect(x, y, 3, height, 0).attr({fill: 'orange', zIndex:3,id:'mychart'}).add();


                },
                mouseOut: function(e){
                $("#mychart").remove();

                }
            }
        }
    }
},
This is my jsfiddle: [click here][1]

plotOptions：{
面积样条曲线：{
填充不透明度：0.5
},
系列：{
要点：{
活动：{
mouseOver:function（）{
//警报（'类别：'+this.Category+'，值：'+this.y）；
var res=该类别；
控制台日志（res）；
var图表=高位图表。图表[0]；
//var first_set=this.getSpecificData（res）；
数据=[]；
对于（变量i=0；i

当我将鼠标移到X轴类别上时，我想将鼠标移到X轴类别上并将其移出，即，week0、Week1、Week2。。第7周。现在，仅为打印线和图表上的打印点添加鼠标悬停 提前谢谢

---

[1] ：

对于xAxis类别上的mouseover和mouseleave事件，您可以执行以下操作

步骤1：

从xAxis标签设置

useHTML:true

，并在xAxis标签格式化程序中返回一个带有类的div

xAxis: {
    labels: {
        useHTML: true,
        formatter: function () {
            return "<div class='xLabels'> Week " + this.value + "</div>"; // clean, unformatted number for year
        }
    }
}

更新你的小提琴

---

希望这将帮助您

另外一个解决方案是使用插件，它允许捕捉图表元素上的事件。

您能更好地解释一下您的目标吗。目前还不清楚你的意思。请检查我的JSFIDLE[现在当你在图表内鼠标时，我画出最大值到xaxis[Week0]之间的线。但我需要当你在X轴上鼠标时[即Week0，Week1..week7]，我需要画线。

$(".xLabels").mouseover(function() {
    alert("mouse Entered")
})
$(".xLabels").mouseleave(function() {
    alert("mouse Left")
})