echart环形图鼠标悬浮,设置label的颜色和
时间: 2024-10-24 10:06:11 浏览: 144
在ECharts中,如果你想要在环形图的鼠标悬浮时改变标签(Label)的颜色,你可以利用ECharts提供的交互事件和`label`的配置项来实现。下面是一个简单的示例,展示了当鼠标悬停时如何改变标签的文字颜色:
```javascript
option = {
tooltip: {}, // 关闭默认的提示信息
series: [{
name: '环形图',
type: 'ring',
radius: ['45%', '70%'],
center: ['50%', '60%'],
data: [
{ value: 335, name: '内部数据1' },
{ value: 310, name: '内部数据2' },
{ value: 234, name: '内部数据3' }
],
label: {
show: true, // 显示标签
formatter: '{b}: {c}%', // 格式化文本
position: 'center', // 设置标签位置
rich: {}, // 定义富文本样式
emphasis: { // 鼠标悬浮时的样式
color: 'red' // 改变文字颜色为红色
}
},
itemStyle: {
normal: {
color: '#fff' // 默认颜色
}
}
}]
};
```
在这个配置中,`emphasis`部分设置了鼠标悬浮时标签文字的颜色为红色。当用户将鼠标移动到图表上时,对应的标签颜色会变成红色。
阅读全文