Echats卫星图

Posted 2020-11-29 zhwzc

   const data1 = []
      const data2 = []
      const data3 = []
      const data4 = []
    for (let i = 0; i < 20; i++) {
    data1.push([parseInt(Math.random() * 5), parseInt(Math.random() * 360)])
    data2.push([parseInt(Math.random() * 10), parseInt(Math.random() * 360)])
    data3.push([parseInt(Math.random() * 15), parseInt(Math.random() * 360)])
    data4.push([parseInt(Math.random() * 20), parseInt(Math.random() * 360)])
      }
option = {
        legend: {
          data: [‘GPS(G)‘, ‘BDS(S)‘, ‘DLONASS‘, ‘SBAS‘],
          top: 8,
          right: 0,
          icon: ‘path://M0 512C0 229.234759 229.234759 0 512 0s512 229.234759 512 512-229.234759 512-512 512S0 794.765241 0 512z m419.310345 194.630621a35.310345 35.310345 0 0 0 49.399172 1.271172l335.518897-311.931586a35.310345 35.310345 0 0 0-48.075035-51.729655l-309.124413 289.544827-145.125518-149.645241a35.310345 35.310345 0 1 0-50.688 49.169655l168.112552 173.320828z‘
        },
        polar: {
          center: [‘50%‘, ‘55%‘],
          radius: ‘78%‘
        },
        angleAxis: {
          type: ‘value‘,
          interval: 90
        },
        radiusAxis: {
          axisAngle: 0,
          splitLine: {
            lineStyle: {
              type: ‘dashed‘
            }
          },
          axisLabel: {
          }
        },
        dataZoom: [
          {
            type: ‘slider‘,
            radiusAxisIndex: 0,
            bottom: 0,
            left: 0,
            right: 5,
            start: 20,
            end: 80,
            height: 10
          },
          {
            type: ‘inside‘,
            radiusAxisIndex: 0,
            start: 20,
            end: 80
          }
        ],
        tooltip: {},
        series: [{
          coordinateSystem: ‘polar‘,
          angleAxisIndex: 0,
          radiusAxisIndex: 0,
          name: ‘GPS(G)‘,
          type: ‘scatter‘,
          symbolSize: 30,
          itemStyle: {
            color: ‘#6882F9‘,
            opacity: 1
          },
          data: data1,
          label: {
            show: true,
            formatter: function (params) {
              return params.dataIndex
            }
          }
        }, {
          coordinateSystem: ‘polar‘,
          angleAxisIndex: 0,
          radiusAxisIndex: 0,
          name: ‘BDS(S)‘,
          type: ‘scatter‘,
          data: data2,
          itemStyle: {
            color: ‘#00C5C8‘,
            opacity: 1
          },
          symbolSize: 30,
          label: {
            show: true,
            formatter: function (params) {
              return params.dataIndex
            }
          }
        }, {
          coordinateSystem: ‘polar‘,
          angleAxisIndex: 0,
          radiusAxisIndex: 0,
          name: ‘DLONASS‘,
          type: ‘scatter‘,
          symbolSize: 30,
          itemStyle: {
            color: ‘#31C66F‘,
            opacity: 1
          },
          data: data3,
          label: {
            show: true,
            formatter: function (params) {
              return params.dataIndex
            }
          }
        }, {
          coordinateSystem: ‘polar‘,
          angleAxisIndex: 0,
          radiusAxisIndex: 0,
          name: ‘SBAS‘,
          type: ‘scatter‘,
          symbolSize: 30,
          data: data4,
          itemStyle: {
            color: ‘#FFA10C‘,
            opacity: 1
          },
          label: {
            show: true,
            formatter: function (params) {
              return params.dataIndex
            }
          }
        }]
};