vue 项目引入echarts 添加点击事件操作

_this.calendarChart=_this.$echarts.init(document.getElementById('earlyWarningCalendar'))
_this.calendarChart.on('click',function (param) {
    console.log(param)
}) 
_this.calendarChart.setOption(_this.scatterOption)

 {
  path: '/',
  redirect: '/login',
 },
 {
  path: '/login',
  name: 'login',
  ponent: Login,
 },
 {
  path: '/front/index',
  name: 'frontIndex',
  ponent: () => import('../views/frontDeskPage/index.vue'),
  meta: {
   isLogin: true,
   roles: ['0'],//定义登录的用户权限
  },
 }

router.beforeEach((to,from,next)=>{
 //console.log(to.meta.isLogin)
 if(to.meta.isLogin){ //判断页面是否需要登录才可操作
  if(store.state.user.userName){//判断用户是否登录，值为true，代表登录了
    if(to.meta.roles.indexOf(String(store.state.user.power)) >= 0){//判断登录用户的权限是否满足meta对象中的roles的要求
      next()
    }else {
      alert('您没有权限进入页面！')
      router.push('/login')
    }
  }else {
   alert('请登录之后再操作！')
   router.push('/login')
  }
 }else {
  next()
 }
})