echars4 儀表盤樣式如何調(diào)整?

在你的基礎(chǔ)上稍微修改了一下

var data = { value: 60540520 }
var min = 0, max = 100000000;
data.name = (data.value / (max - min) * 100).toFixed(2) + '%'

option = {
    series: [
        {
            type: 'gauge',
            min: min,
            max: max,  
            splitNumber: 10,
            axisLine: { // 坐標軸線
                lineStyle: { // 屬性lineStyle控制線條樣式
                    color: [
                        [data.value / max, '#4F8BBF'],//根據(jù)實際數(shù)據(jù)動態(tài)改變
                        [1, '#DCDDDD'],
                     
                    ],
                    width: 20, //半徑
                    shadowColor: '#fff', //默認透明
                    shadowBlur: 1
                }
            },
            pointer: {
              show:false
            },
            axisLabel: {
                //show:false,
                // 坐標軸小標記
                textStyle: { // 屬性lineStyle控制線條樣式
                    fontWeight: 'bolder',
                    color: 'transparent', //刻度數(shù)字顏色 隱藏
                    shadowColor: '#fff', //默認透明
                    shadowBlur: 10
                }
            },
            axisTick: { // 坐標軸小標記
                length: 12, // 屬性length控制線長
                lineStyle: { // 屬性lineStyle控制線條樣式
                    color: 'transparent', //坐標軸 小刻度線顏色
                    shadowColor: '#fff', //默認透明
                    shadowBlur: 10
                }
            },
            splitLine: { // 分隔線
                length: 20, // 屬性length控制線長
                lineStyle: { // 屬性lineStyle（詳見lineStyle）控制線條樣式
                    width: 3,
                    color: 'transparent', //分割線
                    shadowColor: '#fff', //默認透明
                    shadowBlur: 10
                }
            },
            title: {
             
                textStyle: { // 其余屬性默認使用全局文本樣式，詳見TEXTSTYLE
                    fontWeight: 'bolder',
                    fontStyle: 'italic',
                    color: '#000',
                    shadowColor: '#fff', //默認透明
                    shadowBlur: 10
                }
            },
            detail: { //show : true ,
                borderColor: '#fff',
                shadowColor: '#fff', //默認透明
                textStyle: { // 其余屬性默認使用全局文本樣式，詳見TEXTSTYLE
                    fontWeight: 'bolder',
                    fontSize: 14,
                    color: '#000'
                },
                formatter: function (value) {
                    return '南京\n' + Number(value).toLocaleString()
                }
            },
            data: [
                data
            ]
        }
    
    ]
};