How to adjust the style of echars4 dashboard?

?
:

is configured as follows:
option = {

series: [
    {
       
        name: "1",
        type: "gauge",
        center: ["50%", "55%"], // 
        radius: "100%",
        min: 0,
        max: 400,  
        splitNumber: 10,
        axisLine: { // 
            lineStyle: { // lineStyle
                color: [
                    [100 / 400, "-sharp4F8BBF"],//
                    [1, "-sharpDCDDDD"],
                 
                ],
                width: 20, //
                shadowColor: "-sharpfff", //
                shadowBlur: 1
            }
        },
        pointer: {
          show:false
        },
        axisLabel: {
            //show:false,
            // 
            textStyle: { // lineStyle
                fontWeight: "bolder",
                color: "transparent", // 
                shadowColor: "-sharpfff", //
                shadowBlur: 10
            }
        },
        axisTick: { // 
            length: 12, // length
            lineStyle: { // lineStyle
                color: "transparent", // 
                shadowColor: "-sharpfff", //
                shadowBlur: 10
            }
        },
        splitLine: { // 
            length: 20, // length
            lineStyle: { // lineStylelineStyle
                width: 3,
                color: "transparent", //
                shadowColor: "-sharpfff", //
                shadowBlur: 10
            }
        },
        title: {
         
            textStyle: { // TEXTSTYLE
                fontWeight: "bolder",
                fontStyle: "italic",
                color: "-sharp000",
                shadowColor: "-sharpfff", //
                shadowBlur: 10
            }
        },
        detail: { //show : true ,
            borderColor: "-sharpfff",
            shadowColor: "-sharpfff", //
            textStyle: { // TEXTSTYLE
                fontWeight: "bolder",
                fontSize: 14,
                color: "-sharp000"
            },
            formatter: "{value}"
        },
        data: [
            { value: 50, name: "" }
        ]
    }

]

};

Echarts4

Feb.26,2021

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, '-sharp4F8BBF'],// [1, '-sharpDCDDDD'], ], width: 20, // shadowColor: '-sharpfff', // shadowBlur: 1 } }, pointer: { show:false }, axisLabel: { //show:false, // textStyle: { // lineStyle fontWeight: 'bolder', color: 'transparent', // shadowColor: '-sharpfff', // shadowBlur: 10 } }, axisTick: { // length: 12, // length lineStyle: { // lineStyle color: 'transparent', // shadowColor: '-sharpfff', // shadowBlur: 10 } }, splitLine: { // length: 20, // length lineStyle: { // lineStylelineStyle width: 3, color: 'transparent', // shadowColor: '-sharpfff', // shadowBlur: 10 } }, title: { textStyle: { // TEXTSTYLE fontWeight: 'bolder', fontStyle: 'italic', color: '-sharp000', shadowColor: '-sharpfff', // shadowBlur: 10 } }, detail: { //show : true , borderColor: '-sharpfff', shadowColor: '-sharpfff', // textStyle: { // TEXTSTYLE fontWeight: 'bolder', fontSize: 14, color: '-sharp000' }, formatter: function (value) { return '\n' + Number(value).toLocaleString() } }, data: [ data ] } ] };