echarts饼图legend鼠标悬浮时改变当前legend文字颜色
时间: 2024-12-24 18:11:02 浏览: 6
echarts-地图添加悬浮文本标签
4星 · 用户满意度95%
在ECharts中,如果你想在饼图legend(图例)的鼠标悬浮时改变当前legend文字的颜色,你可以通过设置`emphasis`属性来实现这个交互效果。首先,在初始化图表时,为`legend`配置一个`emphasis`部分,然后指定当鼠标悬停在图例上时,`textStyle`(文本样式)的变化。
这是一个简单的示例:
```javascript
var option = {
legend: {
data: ['数据1', '数据2', '数据3'], // 图例项
emphasis: { // 鼠标悬停时的效果
textStyle: { // 文本样式变化
color: 'red' // 改变颜色为红色
}
}
},
series: [
{
name: '饼图',
type: 'pie',
data: [...] // 饼图的数据
}
]
};
echarts.init(document.getElementById('main')).setOption(option);
```
在这个例子中,当用户将鼠标悬停在图例上的某个条目时,对应的图例文字颜色会变为红色。如果需要更复杂的动画效果或其他自定义选项,可以进一步调整`emphasis`内的设置。
阅读全文