echarts 雷达图 点的颜色自定义 名字颜色自定义 vue实现

根据不同的等级 节点显示不同的颜色
DOM层

<div class="main-left">
					<div id="radar_echarts" style="width: 100%;height: 100%;"></div>
					<div class="main-left-top-right">
						<div class="item gf">
							<span class="block"></span><span>1</span>
						</div>
						<div class="item df">
							<span class="block"></span><span>2</span>
						</div>
						<div class="item wf">
							<span class="block"></span><span>3</span>
						</div>
					</div>
					<div class="main-left-top-left">
						<div class="top-left-item gaofeng" v-if="info.RiskLevel==='2'">
							<span>1</span>
						</div>
						<div class="top-left-item difeng" v-if="info.RiskLevel==='1'">
							<span>2</span>
						</div>
						<div class="top-left-item wufeng" v-if="info.RiskLevel==='0'">
							<span>3</span>
						</div>
					</div>
				</div>

js逻辑层

	import * as echarts from 'echarts';
	export default {
   
		data() {
   
			return {
   
			}
		},
		methods: {
   
			 get_init_e() {
   
				let that = this;
					that.$nextTick(function() {
   
						that.radar_init()
					})
			},
			return_color(param) {
   
				//  #FF363B  #18BE6B    #FAB318
				if (param == 1) {
   
					return '#18BE6B'
				} else if (param === 2) {
   
					return '#FAB318'
				} else {
   
					return '#FF363B'
				}
			},
			radar_init() {
   
				let that = this;
				let a1 = Math.floor(Math.random() * 4) || 1;
				let a2 = Math.floor(Math.random() * 4) || 1;
				let a3 = Math.floor(Math.random() * 4) || 1;
				let a4 = Math.floor(Math.random() * 4) || 1;
				let a5 = Math.floor(Math.random() * 4) || 1;
				//数据数组
				var itemArr = [
				 
					a1,
			 
					a2,
				 
					a3,
				 
					a4,
				 
					a5
				];
				console.log("itemArr", itemArr);
				var n1 = [a1, '', '', '', '']
				var n2 = ['', a2, '', '', '']
				var n3 = ['', '', a3, '', '']
				var n4 = ['', '', '', a4, '']
				var n5 = ['', '', '', '', a5]
				var n6 = ['', '', ''