卫星雷达图echarts rgba(255, 0, 0, 0.4)配置项内容和展示

      option = {
        backgroundColor: '#000',
        "normal": {
          "top": 200,
          "left": 300,

          "width": 500,
          "height": 400,
          "zIndex": 6,
          "backgroundColor": ""
        },
        "color": ["rgba(245, 166, 35, 1)", "rgba(19, 173, 255, 1)"],
        "title": {
          "show": true,
          "left": "40%",
          "top": "1%",
          "textStyle": {
            "fontSize": 18,
            "color": "#fff",
            "fontStyle": "normal",
            "fontWeight": "normal"
          }
        },
        "tooltip": {
          "show": true,
          "trigger": "item"
        },
        "radar": {
          "center": ["50%", "50%"],
          "radius": "70%",
          "startAngle": 90,
          "splitNumber": 4,
          "shape": "circle",
          "splitArea": {
            "show":false,
            "areaStyle": {
              "color": ["transparent"]
            }
          },
          "axisLabel": {
            "show": true,
            "fontSize": 12,
            "color": "#0ab3f0"
          },
          "axisLine": {
            "show": true,
            "lineStyle": {
              "type": "dashed",
              "color": "#0ab3f0",
              "width":1.5//
            }
          },
          "splitLine": {
            "show": true,
            "lineStyle": {
              "color": "#0ab3f0",
              "width":2//
            }
          },
          "indicator": [{
            "name": "N[0]",
            "max": 180
          }, {
            "name": "",
            "max": 180
          }, {
            "name": "W[270]",
            "max": 180
          }, {
            "name": "",
            "max": 180
          },{
            "name": "S[180]",
            "max": 180
          }, {
            "name": "",
            "max": 180
          }, {
            "name": "E[90]",
            "max": 180
          }, {
            "name": "",
            "max": 180
          }]
        },
         legend: {
           icon: 'circle',
           bottom:'10',
          textStyle: { fontSize: 14, color: '#fff' },
          itemGap: 20,
          itemWidth: 14,
    data: ['GPS', 'BDS', 'GLONASS', 'Galileo']
  },
        "series": [
          {
          "name": "GPS",
          "type": "radar",
          "symbol": "circle",
          "symbolSize": 20,
          "itemStyle": {
            "normal": {
              "color":'rgba(255, 0, 0, 0.4)',
            }
          },
          "areaStyle": {
            "normal": {
              "color": "rgba(19, 173, 255, 0)"
            }
          },
          "lineStyle": {
            "normal": {
              "color": "rgba(19, 173, 255, 0)",
              "width": 2,
              "type": "dashed"
            }
          },
          "data": [
            [60, 10, 20, 50,60,90,60,60]
          ]
        },
          {
            "name": "BDS",
            "type": "radar",
            "symbol": "circle",
            "symbolSize": 20,
            "itemStyle": {
              "normal": {
                "color":'rgb(0,64,255,0.4)',
              }
            },
            "areaStyle": {
              "normal": {
                "color": "rgba(19, 173, 255, 0)"
              }
            },
            "lineStyle": {
              "normal": {
                "color": "rgba(19, 173, 255, 0)",
                "width": 2,
                "type": "dashed"
              }
            },
            "data": [
              [70, 30, 50, 80,90,40,88]
            ]
          },
          {
            "name": "GLONASS",
            "type": "radar",
            "symbol": "circle",
            "symbolSize": 20,
            "itemStyle": {
              "normal": {
                "color":'rgb(0,247,255,0.4)',
              }
            },
            "areaStyle": {
              "normal": {
                "color": "rgba(19, 173, 255, 0)"
              }
            },
            "lineStyle": {
              "normal": {
                "color": "rgba(19, 173, 255, 0)",
                "width": 2,
                "type": "dashed"
              }
            },
            "data": [
              [80, 20, 40, 60,80,20,44]
            ]
          },
          {
            "name": "Galileo",
            "type": "radar",
            "symbol": "circle",
            "symbolSize": 20,
            "itemStyle": {
              "normal": {
                "color":'rgb(0,255,234,0.4)',
              }
            },
            "areaStyle": {
              "normal": {
                "color": "rgba(19, 173, 255, 0)"
              }
            },
            "lineStyle": {
              "normal": {
                "color": "rgba(19, 173, 255, 0)",
                "width": 2,
                "type": "dashed"
              }
            },
            "data": [
              [60, 15, 25, 35,45,20,44]
            ]
          },
        ]
      };