echarts 图表中添加点击事件
一、例如柱状图中,经常需要点击某柱状图,进行全局的数据请求,此时就需要给图表添加点击事件。二、使用1、安装echartsnpm i -g echarts2、引入全局引入main.js中import echarts from ‘echarts’;Vue.prototype.$echarts = echarts;局部引入3、使用const chart = document.getElementById
·
一、例如柱状图中,经常需要点击某柱状图,进行全局的数据请求,此时就需要给图表添加点击事件。
二、使用
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);
});
更多推荐
已为社区贡献2条内容
所有评论(0)