Echarts案例：echarts实现炫酷仪表盘

进阶之路er

已于 2025-01-22 11:53:59 修改

阅读量690

点赞数 9

文章标签： echarts 前端 javascript

于 2025-01-22 11:51:35 首次发布

本文链接：https://blog.youkuaiyun.com/qq_32002769/article/details/145300562

版权

废话不多，直接上效果图及实现方案

代码实现部分：

series: [
        {
            type: 'gauge',
            center: ['50%', '65%'],
            radius: '95%',
            startAngle: 210, //起始角度，同极坐标
            endAngle: -30, //终止角度，同极坐标
            pointer: {
                icon: 'path://M50,38 a 7,7 0 1,1 0,14 a 7,7 0 1,1 0,-14',
                length: 13,
                width: 13,
                offsetCenter: [0, '-85%'],
                itemStyle: {
                    color: '#f00'
                }
            },
            detail: {
                formatter: function (value: any) {
                    return value;
                },
                offsetCenter: [0, '-5%'],
                color: 'rgba(61,