echarts仪表盘半圆与圆切换
echarts的半圆与圆切换只需要改变两个属性，其中startAngle为开始，endAngle为结束，取值范围为0到360，取值代表圆的度数，一个圆的起点到终点为0到360度。
实例：实现半圆
option = {...
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'
}]
}]
};
效果：
- 发表于 2021-08-15 22:03
- 阅读 ( 525 )
- 分类：web前端开发
