echarts 中series 属性鼠标滑入事件
时间: 2024-09-09 13:09:52 浏览: 43
echarts 使用formatter 修改鼠标悬浮事件信息操作
在ECharts中,Series属性是用来定义图表数据系列的配置项,其中包括交互设置。如果你想让某个系列在鼠标滑入时触发特定事件,你可以利用`emphasis`部分来配置鼠标悬停效果。`emphasis`是一个嵌套的对象,可以包含多种鼠标事件的处理,如`itemStyle`(改变样式)、`visualMap`(视觉映射)等。
例如,对于一个柱状图或者折线图,你可以这样配置鼠标滑入事件:
```javascript
{
series: [{
name: '数据名称',
type: 'bar', // 或者 'line'
emphasis: {
itemStyle: { // 鼠标悬停时的样式变化
color: 'red' // 改变柱子颜色或者线条颜色
},
tooltip: { // 显示提示信息
trigger: 'item', // 指定事件触发方式
formatter: function(params) { // 自定义提示信息内容
return params.name + ': ' + params.value;
}
}
}
}]
}
```
在这个例子中,当鼠标滑过柱子或线条时,其颜色会变为红色,并显示自定义的提示信息。
阅读全文