当悬停在多个轴上的点上时，如何使标签出现？

当悬停在多个轴上的点上时，可以通过使用事件监听和CSS样式来实现标签的出现。具体步骤如下：

为每个点添加事件监听器，监听鼠标悬停事件。
当鼠标悬停在某个点上时，触发事件处理函数。
在事件处理函数中，获取当前鼠标悬停的点的坐标信息。
创建一个标签元素，并设置其内容为需要显示的信息。
根据鼠标悬停点的坐标信息，设置标签元素的位置，使其出现在悬停点的附近。
将标签元素添加到页面中。

以下是一个示例代码，演示如何实现标签的出现：

<!DOCTYPE html>
<html>
<head>
<style>
    .label {
        position: absolute;
        display: none;
        background-color: #f9f9f9;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
</style>
</head>
<body>
    <div id="chart">
        <!-- 绘制图表的代码 -->
        <div class="point" data-x="100" data-y="200"></div>
        <div class="point" data-x="300" data-y="400"></div>
        <div class="point" data-x="500" data-y="600"></div>
    </div>

    <div id="label" class="label"></div>

<script>
    var points = document.getElementsByClassName('point');
    var label = document.getElementById('label');

    for (var i = 0; i < points.length; i++) {
        points[i].addEventListener('mouseover', showLabel);
        points[i].addEventListener('mouseout', hideLabel);
    }

    function showLabel(event) {
        var x = event.target.getAttribute('data-x');
        var y = event.target.getAttribute('data-y');

        label.style.left = x + 'px';
        label.style.top = y + 'px';
        label.style.display = 'block';
    }

    function hideLabel() {
        label.style.display = 'none';
    }
</script>
</body>
</html>

在上述示例代码中，我们通过给每个点添加了point类，并使用data-x和data-y属性存储了每个点的坐标信息。当鼠标悬停在某个点上时，触发showLabel函数，该函数会获取悬停点的坐标信息，并设置标签元素的位置，最后显示标签。当鼠标移出点时，触发hideLabel函数，该函数会隐藏标签。

这是一个简单的示例，实际应用中可以根据需求进行样式和交互的定制。