echarts 三环圆环_echarts环形图实现半圆环、四分之一圆环效果

效果预览：

实现原理：

通过设置圆环的起始角度、图形的颜色来实现半环、四分之一环效果。

关键代码：//圆环起始角度

startAngle:-180,

//圆环图形颜色设置

itemStyle:{

color:"#fff"

}

实例完整代码：

a {

font-weight: bold;

}

var BarBOX1 = echarts.init(document.getElementById("test"));

option = {

tooltip: {

trigger: 'item',

formatter: "{a}
{b}: {c} ({d}%)"

},

series: [{

name: '访问来源',

type: 'pie',

radius: ['60%', '80%'],

startAngle: -180,

minShowLabelAngle: 180,

label: {

normal: {

<