说明echarts的鼠标事件的常用使用方法
时间: 2023-05-18 16:07:40 浏览: 105
echarts 使用formatter 修改鼠标悬浮事件信息操作
ECharts 的鼠标事件包括 click、dblclick、mousedown、mouseup、mouseover、mouseout、globalout 等。常用的使用方法是通过在 option 中配置 series 中的 itemStyle.normal 或者 itemStyle.emphasis 中的相应事件回调函数来实现。例如:
series: [{
type: 'bar',
data: [10, 20, 30, 40],
itemStyle: {
normal: {
color: '#36cfc9',
label: {
show: true,
position: 'top'
},
// 点击事件回调函数
onclick: function(params) {
console.log(params);
}
},
emphasis: {
color: '#ffeb3b',
// 鼠标移入事件回调函数
onmouseover: function(params) {
console.log(params);
},
// 鼠标移出事件回调函数
onmouseout: function(params) {
console.log(params);
}
}
}
}]
以上代码中,通过配置 itemStyle.normal 和 itemStyle.emphasis 中的 onclick、onmouseover、onmouseout 等事件回调函数来实现鼠标事件的响应。
阅读全文