如何不要点击事件_this.clickpoint，改为每个点上方框图常驻显示，显示该点的信息呢

如果你想避免直接通过`_this.clickpoint`触发点击事件，并让每个点上方始终显示对应信息，你可以采用以下几种方法：

1. **悬停提示** (mouseover): 使用JavaScript或者库如Vue.js、React等的内置API，在鼠标悬停在某个点上时显示信息。当鼠标离开时，隐藏信息。例如在Vue中可以这样做：

<template>
  <div>
    <circle :class="{'active': hovered}" v-for="(point, index) in points" :key="index" :cx="point.x" :cy="point.y" @mouseenter="showInfo(index)" @mouseleave="hideInfo(index)">
      <span v-if="hovered[index]" class="tooltip">{{ point.info }}</span>
    </circle>
  </div>
</template>

<script>
export default {
  data() {
    return {
      points: [...], // 点的数据数组
      hovered: new Array(points.length).fill(false), // 初始化 hover 状态
    };
  },
  methods: {
    showInfo(index) {
      this.hovered[index] = true;
    },
    hideInfo(index) {
      this.hovered[index] = false;
    },
  }
}
</script>

这里的`hovered`数组用于跟踪哪些点当前被悬停。

2. **弹出框** (popover): 当用户点击某个点时，打开一个弹出框显示详细信息。可以利用第三方UI库（如Ant Design Vue或Element Plus）提供的工具创建这个功能。

3. **自定义图标** 或 **光标提示**：在每个点上添加一个图标，当鼠标移到图标上时显示信息。这通常需要CSS和一些交互设计技巧。