highcharts legend图例禁止点击事件以及鼠标移入样式保持不变

highcharts legend图例禁止点击事件以及鼠标移入样式保持不变

直接上代码

let each = highcharts.each;
   // todo 自定义图例事件
   highcharts.wrap(highcharts.Legend.prototype, "renderItem", function(
     proceed,
     item
   ) {
     proceed.call(this, item);

     var series = this.chart.series,
       element = item.legendGroup.element;
	 // todo 图例鼠标移入事件
     element.onmouseover = function() {
       each(series, function(seriesItem) {
         if (seriesItem !== item) {
           each(["group", "markerGroup"], function(group) {
             // todo 鼠标移入图例不改变颜色样式
             seriesItem[group].attr("opacity", 1);
             seriesItem[group].attr("color", "#e1e1e1");
           });
         }
       });
     };
     // todo 图例点击事件
     element.onclick = function() {
       return false;
     };
   });

在JavaScript中可以直接调用
在vue中放入初始化callback函数中调用