先引入echarts和水球图的js
<script src='../dist/echarts.js'></script>
<script src='../dist/echarts-liquidfill.js'></script>
然后js中写
var bgColor = '#E3F7FF';
var options = {
series: [{
type: 'liquidFill',
data: [0.6, 0.5, 0.4, 0.3],
radius: '70%',
outline: {
show: false
}
}]
};
var chart = echarts.init(document.getElementById('HHH6'));
chart.setOption(options);
window.onresize = function () {
chart.resize();
};
setInterval(update, 1000); //定时刷新数据
function update() {
var data = [];
var last = 1;
for (var i = 0; i < 4; ++i) {
last = Math.floor(last * (Math.random() * 0.5 + 0.5)
* 100) / 100;
data.push(last);
}
chart.setOption({
series: [{
data: data
}]
});
}```
echarts水球图例子
最新推荐文章于 2024-05-30 09:55:08 发布