echarts仪表盘宽度设置
时间: 2024-10-11 07:01:29 浏览: 51
ECharts仪表盘实例代码(附源码下载)
ECharts是一个强大的JavaScript数据可视化库,用于创建各种图表。如果你想设置仪表盘(Gauge Chart)的宽度,你可以通过配置项`width`来指定。例如,如果你有一个ID为`gauge`的元素,你可以这样做:
```javascript
var gauge = echarts.init(document.getElementById('gauge'));
gauge.setOption({
series: [{
type: 'gauge',
radius: '80%', // 设置半径比例,范围是从0到1
width: '90%', // 宽度,单位可以是百分比或像素值
pointer: {
length: '55%' // 指针长度
},
detail: {
formatter: '{value} %'
},
data: [60] // 预设角度值,表示60%
}]
});
```
在这个例子中,`width: '90%'`设置了仪表盘的宽度为容器宽度的90%。
阅读全文