一、例如柱状图中,经常需要点击某柱状图,进行全局的数据请求,此时就需要给图表添加点击事件。
二、使用
1、安装echarts
npm i -g echarts
2、引入
  • 全局引入
    main.js中
    import echarts from ‘echarts’;
    Vue.prototype.$echarts = echarts;
  • 局部引入
3、使用
	const chart = document.getElementById('');
    let instance = this.$echarts.init(chart);
    instance.setOption(option);
    instance.on('click', (params) => {
      console.log('click', params);
      // 执行方法
    });
    instance.on('mouseover', (params) => {
      console.log('mouseover', params);
    });
    instance.on('mouseout', (params) => {
      console.log('mouseout', params);
    });
Logo

前往低代码交流专区

更多推荐