ts给vis.js添加点击事件

在 TypeScript 中，Vis.js 是一个强大的 JavaScript 可视化库。如果你想要向 Vis.js 的图表添加点击事件，首先需要确保已经引入了 vis 和 TypeScript 支持。以下是一个基本步骤：

1. **安装依赖**:
使用 npm 安装 vis.js 如果你还没安装：

   npm install vis

2. **导入 vis 模块**:

   import * as vis from 'vis';

3. **创建图表并注册事件监听**:
在创建图表实例的时候，可以为其添加点击事件处理函数。例如，对于一个网络图（Network），你可以这样做：

   const container = document.getElementById('network-container') as HTMLElement;
   const data = {
     nodes: [...], // 初始化节点数据
     edges: [...], // 初始化边数据
   };
   const options: vis.Network.Options = {
     // 其他配置...
   };

   const network = new vis.Network(container, data, options);

   network.on('click', function (properties) {
     console.log('Node clicked:', properties.node.id);
     // 这里可以根据 `properties` 对象的内容进行进一步操作
   });

4. **注意类型安全**:
TypeScript 会提供更好的类型检查，所以在编写事件处理器时，确保输入参数类型匹配：

   type NodeClickProperties = {
     node: vis.Data.Node; // 图表节点对象
   };