HIGHCHARTS在实时数据的结束系列中的鼠标悬停/移出事件上移动图像

Question

我想在实时流媒体数据中使用按钮鼠标悬停和鼠标移动事件添加/删除图像。

这里我尝试的是

 $("#Up")
  .mouseover(function() {
   var chart = $('#tv_chart_container').highcharts();
  data = chart.series[0].data;
  var test = data.length;
  var value = data[999].y;
  var x_value = data[999].x;
  chart.series[0].data[999].update({
    y:value,
    marker: {
      enabled:true,
      symbol: 'url(<?php echo base_url(); ?>assets/img/graph_circle.png)'

    },

  });
  })
  .mouseout(function() {
    console.log(value);
    var chart = $('#tv_chart_container').highcharts();
  data = chart.series[0].data;
  var test = data.length;
  var value = data[999].y;
  var x_value = data[999].x;
  chart.series[0].data[999].update({
    y:value,
    marker: {
      enabled:false,
    },

  });
  });

但在上述功能的帮助下。我只能在最后显示图像，并且不能在mouseout事件中隐藏相同的图像。因为它是一个实时流数据。例如，当我在第999系列使用鼠标时，它会放置一个标记图像，当我在第999个系列中使用鼠标时。无法隐藏图像。同时，当我使用鼠标悬停时，图像应与第999系列一起移动。

以下是示例图片