示例如图所示:
关键部分(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代码不一样,其他设置都一样。
若有需要,可以留言或私聊。