echarts的半圆与圆切换只需要改变两个属性,其中startAngle为开始,endAngle为结束,取值范围为0到360,取值代表圆的度数,一个圆的起点到终点为0到360度。
实例:实现半圆
option = {
tooltip: {
formatter: '{a} <br/>{b} : {c}%'
},
series: [{
startAngle: 180,
endAngle: 0,
name: 'Pressure',
type: 'gauge',
detail: {
formatter: '{value}'
},
data: [{
value: 50,
name: 'SCORE'
}]
}]
};
效果:
实现多半圆:
option = {
tooltip: {
formatter: '{a} <br/>{b} : {c}%'
},
series: [{
startAngle: 200,
endAngle: -20,
name: 'Pressure',
type: 'gauge',
detail: {
formatter: '{value}'
},
data: [{
value: 50,
name: 'SCORE'
}]
}]
};
效果: