百分比仪表盘echarts 配置项内容和展示

半圆的百分比仪表盘,根据自己的数据进行调整!

配置项如下
      option = {
    "toolbox": {
        "show": false,
        "feature": {
            "mark": {
                "show": true
            },
            "restore": {
                "show": true
            },
            "saveAsImage": {
                "show": true
            }
        }
    },
    "series": [{
        "name": "指标",
        "type": "gauge",
        "startAngle": 180, //总的360,设置180就是半圆
        "endAngle": 0,
        "center": ["50%", "77%"], //整体的位置设置
        "radius": 300,
        "axisLine": {
            "lineStyle": {
                "width": 50, //柱子的宽度
                "color": [[0.298, "#2d99e2"], [1, "#dce3ec"]] //0.298是百分比的比例值(小数),还有对应两个颜色值
            }
        },
        "axisTick": {
            "show": false
        },
        "axisLabel": {
            "show": false
        },
        "splitLine": {
            "show": false
        },
        "pointer": {
            "width": 20, //指针的宽度
            "length": "80%", //指针长度,按照半圆半径的百分比
            "color": "#2d99e2"
        },
        "title": {
            "show": true,
            "offsetCenter": [25, "25%"], //标题位置设置
            "textStyle": { //标题样式设置
                "color": "#2d99e2",
                "fontSize": 15,
                "fontFamily": "微软雅黑",
                "fontWeight": "bold"
            }
        },
        "detail": {
            "show": false
        },
        "data": [{ //显示数据
            "value": 29.8,
            "name": "你要的比例 29.8%"
        }]
    }]
};
    
截图如下