如何调整echarts仪表盘的大小
时间: 2023-06-07 10:08:04 浏览: 411
element后台系统点击menu左侧菜单收缩,支持窗口大小改变echarts图自适应
您可以通过设置仪表盘的宽度和高度属性来调整其大小。例如:
```
option = {
...
series: [{
type: 'gauge',
radius: '80%',
center: ['50%', '50%'],
startAngle: 180,
endAngle: 0,
axisLine: {
...
},
axisTick: {
...
},
splitLine: {
...
},
axisLabel: {
...
},
detail: {
...
},
data: [{
value: 50,
name: '完成率'
}]
}],
...
};
```
在series中设置radius属性即可调整仪表盘大小。例如可将radius设置为'80%',则仪表盘大小将被调整为其父容器的80%宽度和高度。
阅读全文