Javascript 如何在Highcharts中使用自定义样式更改标记符号和数据标签

如何自定义悬停上的数据标签和标记符号？请参阅下图：

将标记内的符号作为图像（url链接）添加到序列中的最后一个数据中

探索它

    series: [{
  data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4,{
        y: 26.5,
        dataLabels: {
                    enabled: true,
                },
        marker: {
        radius: 10,
        symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)',
    }
    }],
}, {
  data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5,{
        y: 103.9,
        dataLabels: {
                    enabled: true,
                },
        marker: {
        radius: 10,
        symbol: 'url(https://www.highcharts.com/samples/graphics/snow.png)',
    }
    }],
}],

编辑

根据新的要求,

        series: [{
  data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
         point: {
      events: {
        mouseOver: function(e) {
          this.series.data.forEach(p => {
            p.update({
              dataLabels: {
                enabled: false
              },
              marker: {
              radius: 10,
              symbol: 'circle',
          }
            }, false, false)
          });

          this.update({
            dataLabels: {
              enabled: true
            },
             marker: {
            radius: 10,
            symbol: 'url(https://www.highcharts.com/samples/graphics/sun.png)',
            }

          });
        }
      }
    }
}, {
  data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5],
   point: {
      events: {
        mouseOver: function(e) {
          this.series.data.forEach(p => {
            p.update({
              dataLabels: {
                enabled: false
              },
              marker: {
              radius: 10,
              symbol: 'circle',
          }
            }, false, false)
          });

          this.update({
            dataLabels: {
              enabled: true
            },
             marker: {
            radius: 10,
            symbol: 'url(https://www.highcharts.com/samples/graphics/snow.png)',
            }

          });
        }
      }
    }
}],

更新

---

你有什么，到目前为止你尝试了什么？这感觉像是一个“给我代码”的问题。请参考这篇文章，我之前做过一些研究，下面是我的小提琴示例@HalvorStrand@Deep3015请参考上面的2个Jsfiddles，我已经尝试过了，但重点是我只想在hove上为每一点显示它们。。我到处搜索，但没有找到运气：（@Deep3015event

mouseOut

我忽略了。如果您希望鼠标移出时处于原始状态，可以将其添加到相应的系列添加鼠标移出仅更改一个系列：（请在@Deep3015解决此问题，好吗？）我正在查找我的鼠标中仍然有问题，我尝试解决，但失败。当我们上下移动光标时，请检查*******符号和标签正在切换。请在@Deep3015上帮助我