echart 电池图
时间: 2023-07-23 13:17:55 浏览: 57
ECharts 中的电池图(Battery Chart)可以用于展示单个指标在不同时间段内的变化情况。以下是一个简单的电池图示例:
```javascript
option = {
title: {
text: '电池图示例'
},
tooltip: {
formatter: '{a} <br/>{b} : {c}%'
},
series: [
{
type: 'liquidFill',
data: [0.6, 0.5, 0.4],
itemStyle: {
color: '#4682B4'
},
emphasis: {
itemStyle: {
color: '#87CEFA'
}
},
label: {
show: true,
fontSize: 30,
color: '#fff',
formatter: function (param) {
return (param.value * 100).toFixed(0) + '%';
}
}
}
]
};
```
可以通过 ECharts 官网提供的在线编辑器进行实时预览和调试。