2 Star 1 Fork 5

alone_snake / vitepro

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
12.html 2.26 KB
一键复制 编辑 原始数据 按行查看 历史
Fizz Pang 提交于 2022-02-19 12:28 . 12
<script src="https://cdn.jsdelivr.net/npm/echarts@5.1.0/dist/echarts.min.js"></script>
<div id="main" style="height:200px;width:200px"></div>
<script>
(function (scope, window) {
var chartDom = document.getElementById('main');
setTimeout(myinit, 0)
function myinit() {
var myChart = window.echarts.init(chartDom);
var option;
option = {
series: [{
type: 'gauge',
axisLine: {
lineStyle: {
width: 30,
color: [
[0.3, '#67e0e3'],
[0.7, '#37a2da'],
[1, '#fd666d']
]
}
},
pointer: {
itemStyle: {
color: 'auto'
}
},
axisTick: {
distance: -30,
length: 8,
lineStyle: {
color: '#fff',
width: 2
}
},
splitLine: {
distance: -30,
length: 30,
lineStyle: {
color: '#fff',
width: 4
}
},
axisLabel: {
color: 'auto',
distance: 40,
fontSize: 20
},
detail: {
valueAnimation: true,
formatter: '{value} km/h',
color: 'auto'
},
data: [{
value: 70
}]
}]
};
setInterval(function () {
option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
myChart.setOption(option, true);
}, 2000);
option && myChart.setOption(option);
}
})(scope, window)
</script>
1
https://gitee.com/alone_snake/vitepro.git
git@gitee.com:alone_snake/vitepro.git
alone_snake
vitepro
vitepro
master

搜索帮助

53164aa7 5694891 3bd8fe86 5694891