写一个vue2的zrendert绑定单击事件例子

好的，以下是一个简单的Vue2示例，用于绑定ZRender的单击事件：

<template>
  <div ref="chart" @click="handleClick"></div>
</template>

<script>
import zrender from 'zrender'
export default {
  mounted() {
    this.chart = zrender.init(this.$refs.chart)
    this.chart.on('click', this.handleClick)
  },
  methods: {
    handleClick(event) {
      console.log('Clicked!', event)
    }
  },
  beforeDestroy() {
    this.chart.off('click', this.handleClick)
  }
}
</script>

在这个示例中，我们使用了Vue的模板语法来创建一个包含ZRender图表的`<div>`元素。我们将其绑定到Vue组件的`$refs`属性上，这样就可以在组件中访问它。在`mounted`钩子函数中，我们初始化了ZRender实例，并使用`on`方法来绑定`click`事件到图表上。我们还定义了`handleClick`方法来处理单击事件，并在控制台中打印了一条消息。在组件被销毁之前，我们使用`off`方法来解除事件绑定。