Echart 仪表盘 样式调整

option5 = {
    series: [{
        type: 'gauge',
        progress: {
            show: true,
            width: 2
        },
        axisLine: {
            lineStyle: {
                width: 4,//圆弧部分 线宽
              
            }
        },
        axisTick: {
            show: false
        },
        radius: "95%",//圆弧半径，可以使用百分比
        center: ["50%","55%"],//圆形相对容器的坐标 位置
        splitLine: {
            length: 3,  //仪表盘 刻度长  单位像素
            lineStyle: {
                width: 2,//仪表盘 刻度线  线宽
                color: '#ffffff'//仪表盘 刻度线  颜色
            }
        },
        pointer: {
            icon: 'path://M12.8,0.7l12,40.1H0.7L12.8,0.7z',//仪表盘 指针 样式
            width: 2,///仪表盘 指针 针宽度
            offsetCenter: [0, '-60%'],
           
        },
        axisLabel: {
            distance: 3,//仪表盘 刻度 度数信息  离圆弧 距离
            color: '#ffffff',
            fontSize: 6 //仪表盘 刻度 度数信息 字体大小
        },
        anchor: {
            show: false,
            showAbove: true,
            size: 10,
            itemStyle: {
                borderWidth: 10
            }
        },
        title: {
            show: false
        },
        min: 0,  //仪表盘 起始刻度值
        max: 240, //仪表盘 结束刻度值
        detail: {
            valueAnimation: true,
            fontSize: 10,   //圆心处 描述文字  字号
            color: '#ffffff', //圆心处 描述文字  颜色
            formatter: function (value) {//圆心处 描述文字 格式 
                return value.toFixed(0) + '个n稳控退出';
            },
        },
        data: [{
            value: 50  //实际值  指向位置
        }]
    }]
};

最后

以上就是靓丽皮皮虾为你收集整理的Echart 仪表盘 样式调整的全部内容，希望文章能够帮你解决Echart 仪表盘 样式调整所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。