erchats饼状图--各参数代表的含义

最新推荐文章于 2024-04-03 16:23:48 发布

3379

最新推荐文章于 2024-04-03 16:23:48 发布

阅读量728

点赞数

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.youkuaiyun.com/weizheng751676/article/details/122563560

本文介绍了一个使用ECharts库创建的饼状图实例。通过详细解释ECharts配置项，包括图表标题、提示框、图例及数据系列等设置，帮助读者理解如何定制化的展示数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//https://www.cnblogs.com/1996zy/p/8963385.html echarts参数详解

option = {
title: { //图表标题
text: ‘Referer of a Website’,
subtext: ‘Fake Data’,
left: ‘center’
},
tooltip: { //提示框
trigger: ‘item’
},
legend: { //图例
orient: ‘vertical’, //布局方式
left: ‘left’
},
series: [ //用于定义图表系列的特殊函数
{
name: ‘Access From’,
type: ‘pie’, //图表类型 pie是饼状图
radius: ‘50%’,
data: [ //数量名字
{ value: 1048, name: ‘Search Engine’ },
{ value: 735, name: ‘Direct’ },
{ value: 580, name: ‘Email’ },
{ value: 484, name: ‘Union Ads’ },
{ value: 300, name: ‘Video Ads’ }
],
emphasis: { //高亮显示
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 0,
shadowColor: ‘rgba(0, 0, 0, 0.5)’
}
}
}
]
};