在 ECharts 中，环形图是一种非常直观的展示数据占比的方式。通过设置默认高亮显示，你可以让用户一眼就看到最重要的数据部分。下面，我将详细介绍如何轻松设置 ECharts 环形图的默认高亮显示。
1. 环形图基础
首先，我们需要了解环形图的基本构成。一个环形图通常由以下几个部分组成：
中心区域
：环形图中间的区域，可以用来展示数据标签或标题。
环形区域
：围绕中心区域的多边形区域，用于展示不同类别的数据占比。
2. 配置默认高亮
要设置环形图默认高亮显示，你需要对 ECharts 的配置项进行以下操作：
2.1 选择器（
series
）
在
series
配置项中，找到代表环形图的配置。通常，环形图使用
type: ‘pie’
或
type: ‘ring’
来定义。
2.2 高亮（
highlight
）
在
series
的配置中，找到
highlight
属性。这个属性控制着图例项是否高亮显示。默认情况下，
highlight
是开启的。
series: [{
type: ‘pie’,
radius: [‘40%’, ‘70%’], // 内外半径
center: [‘50%’, ‘50%’], // 位置
data: [
{value: 335, name: ‘直接访问’},
{value: 310, name: ‘邮件营销’},
{value: 234, name: ‘联盟广告’},
{value: 135, name: ‘视频广告’},
{value: 1548, name: ‘搜索引擎’}
],
highlight: {
itemStyle: {
color: ‘#f00’ // 高亮颜色
}
}
}]
2.3 高亮效果（
emphasis
）
如果你想要在鼠标悬停时显示更丰富的效果，可以使用
emphasis
属性。在
emphasis
中，你可以设置悬停时的样式。
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: ‘rgba(0, 0, 0, 0.5)’
}
}
3. 示例代码
以下是一个简单的 ECharts 环形图示例，展示如何设置默认高亮显示：
通过上述步骤，你可以轻松地在 ECharts 环形图中设置默认高亮显示，让数据更加直观易懂。希望这篇文章能帮助你！