option = {
title: {
text: '饼图示例',
subtext: '数据来自统计',
left: 'center'
},
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b}: {c} ({d}%)'
},
legend: {
orient: 'vertical',
left: 'left',
data: ['类别1', '类别2', '类别3', '类别4', '类别5']
},
series: [
{
name: '访问来源',
type: 'pie',
radius: '50%', // 饼图半径,可以设置为像素值或百分比
center: ['50%', '60%'], // 饼图的中心位置
data: [
{ value: 335, name: '类别1' },
{ value: 310, name: '类别2' },
{ value: 234, name: '类别3' },
{ value: 135, name: '类别4' },
{ value: 1548, name: '类别5' }
],
emphasis: {
// 高亮样式
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
在上述示例中,关键的饼图配置参数如下:
1. name: 系列名称,这里表示饼图的名称。
2. type: 图表类型,这里是 'pie' 表示饼图。
3. radius: 饼图半径,可以设置为像素值或百分比。
4. center: 饼图的中心位置,可以用百分比表示。
5. data: 饼图的数据,每个数据项包括 value(数值)和 name(名称)。
6. emphasis: 高亮样式,可以在鼠标悬停时显示。
此外,还有其他配置项,比如label用于设置标签显示,itemStyle用于设置饼图的样式,等等。您可以根据具体需求进行调整。
转载请注明出处:http://www.zyzy.cn/article/detail/5406/ECharts