import echarts from "echarts"
import echartsLiquidfill from" echarts-liquidfill"
import liquidfill from "echarts-liquidfill"

export function full_health (element_id) {

var full_health = echarts.init(document.getElementById(element_id));
let option = {
    backgroundColor: "-sharp04184A",
    series: [{
        type: "liquidFill",
        //data: [0.6, 0.5, 0.4, 0.3],
        data: [0.6, 0.5, 0.4, 0.3],
        radius: "20%",
        // 
        color: ["-sharp49d088", "-sharp38b470", "-sharp2aaf66"],
        center: ["25%", "50%"],
        // outline  
        outline: {
            // show: false
            borderDistance: 5,
            itemStyle: {
                borderWidth: 5,
                borderColor: "-sharp13FDCE",
            },
        },
        label: {
            normal: {
                // textStyle: {
                color: "red",
                insideColor: "yellow",
                fontSize: 100
                    // }
            }
        },
        //   
        backgroundStyle: {
            color: "rgba(4,24,74,0.8)",
            // borderWidth: 5,
            // borderColor: "red",
        }
    }, ]
};
full_health.setOption(option);

}
call the full_health method in the component

npm install
json

ask the great god to point out how to introduce js into the water polo map

problem description

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?