将鼠标悬停事件插入使用SVGRenderer创建的自定义标签，highcharts

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/offline-exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

// 创建自定义标签
var customLabel = document.createElement('div');
customLabel.innerHTML = 'Custom Label';

// 使用SVGRenderer创建
var renderer = new Highcharts.Renderer(customLabel, 100, 50);
renderer.rect(0, 0, 100, 50, 5)
    .attr({
        'stroke-width': 1,
        'stroke': 'black',
        'fill': 'gray',
        'zIndex': 9999
    })
    .add();

// 将自定义标签添加到页面中
document.body.appendChild(customLabel);

// 鼠标悬停事件处理函数
function handleMouseOver() {
    console.log('Mouse over custom label');
}

// 为自定义标签添加鼠标悬停事件
customLabel.addEventListener('mouseover', handleMouseOver);