事件监听

绑定事件通过传递一个事件名称和对应回调函数的对象实现,回调函数内的参数是 echarts 模块,可以据此做相应的处理。

示例

被点击日期：

<template>
  <div>
    <p>被点击日期：{{ name }}</p>
    <ve-pie :data="chartData" :settings="chartSettings" :events="chartEvents" />
  </div>
</template>

<script>
export default {
  data() {
    this.chartSettings = {
      selectedMode: 'single',
      hoverAnimation: false
    }
    const self = this
    this.chartEvents = {
      click: function (e) {
        self.name = e.name
        console.log(e)
      }
    }
    return {
      chartData: {
        columns: ['日期', '访问用户'],
        rows: [
          {
            日期: '1/1',
            访问用户: 1393
          },
          {
            日期: '1/2',
            访问用户: 3530
          },
          {
            日期: '1/3',
            访问用户: 2923
          },
          {
            日期: '1/4',
            访问用户: 1723
          },
          {
            日期: '1/5',
            访问用户: 3792
          },
          {
            日期: '1/6',
            访问用户: 4593
          }
        ]
      },
      name: ''
    }
  }
}
</script>