Echarts基础圆环图

示例如图所示：

 关键部分（option）代码如下：

var option = {
			// 图表标题
			title:{
				text:"接入机型占比",
				// 设置标题颜色为白色
				textStyle:{color:'#fff'},
				// 将标题位置设为左侧
				left:"left"
			},
			tooltip:{},
			// 图例
			legend:{
				// 将图例设置为垂直方向
				orient:'vertical',
				// 将图例位置设为左侧
				left:'left',
				// 修改图例文字颜色为白色#fff，注意不能写white，原因不详
				textStyle:{color: '#fff'},
				// 下移图例，使标题和图例不重叠
				top:'8%'
			},
			series:[
				{
					type:'pie',
					//饼图的半径,第一项是内半径,第二项是外半径,内半径为0就是真的饼,不是环形
					radius:['35%','70%'],
					data:[
						{value:15, name:'A机型'},
						{value:20, name:'B机型'},
						{value:35, name:'C机型'},
						{value:25, name:'D机型'},
						{value:15, name:'E机型'},
						{value:15, name:'F机型'},
						{value:15, name:'G机型'}
					]
				}
			]
		};

完整代码这里没有展示，因为和基础折线图相比，除了option代码不一样，其他设置都一样。

若有需要，可以留言或私聊。

标签：15,name,机型,基础,value,图例,left,Echarts,圆环
来源： https://blog.csdn.net/weixin_43790703/article/details/122763028