Echarts-仪表盘

1.案例一

1.1代码

option = {
    "series": [
        {
            "type": "gauge", 
            "startAngle": 180, 
            "endAngle": 0, 
            "min": 0, 
            "max": 100, 
   "radius": "100%",
   "center": ["50%", "74%"],
            "splitNumber": 5, 
            "itemStyle": {
                "color": "#58D9F9", 
                "shadowColor": "rgba(0,138,255,0.45)", 
                "shadowBlur": 10, 
                "shadowOffsetX": 2, 
                "shadowOffsetY": 2
            }, 
            "progress": {
                "show": true, 
                "roundCap": true, 
                "width": 8
            }, 
            "pointer": {
                "icon": "path://M2090.36389,615.30999 L2090.36389,615.30999 C2091.48372,615.30999 2092.40383,616.194028 2092.44859,617.312956 L2096.90698,728.755929 C2097.05155,732.369577 2094.2393,735.416212 2090.62566,735.56078 C2090.53845,735.564269 2090.45117,735.566014 2090.36389,735.566014 L2090.36389,735.566014 C2086.74736,735.566014 2083.81557,732.63423 2083.81557,729.017692 C2083.81557,728.930412 2083.81732,728.8431

你可能感兴趣的:(Echarts,echarts,前端,javascript)