在vue2下的zrender怎么添加单击事件

在Vue 2下使用ZRender添加单击事件可以通过以下步骤实现：

1. 在Vue组件的`mounted`生命周期方法中获取到ZRender实例，可以通过`this.$refs`来获取组件中的dom元素，例如：

   mounted() {
     let zr = this.$refs.zrender
     // ...
   }

2. 使用ZRender实例的`on`方法来添加单击事件，例如：

   mounted() {
     let zr = this.$refs.zrender
     zr.on('click', (event) => {
       console.log('click', event)
     })
   }

在上面的代码中，我们使用了ZRender实例的`on`方法来监听`click`事件，并且传入了一个回调函数，当用户单击图形时，该回调函数将被调用，同时可以获取到事件对象`event`，包含了单击事件的相关信息。

3. 最后，在组件的模板中添加一个`div`元素作为ZRender的容器，并添加一个`ref`属性，例如：

   <template>
     <div ref="zrender"></div>
   </template>

在上面的代码中，我们使用了`ref`属性来给`div`元素起一个名称，这个名称可以在组件的JavaScript代码中使用`this.$refs`来访问到这个元素的引用，进而获取到ZRender实例。

通过以上步骤，我们就可以在Vue 2下使用ZRender添加单击事件了。