【可视化机房大屏】主体白色风格vue2

drawEchartsRadar(str) {
			this.echartsObj[str] = echarts.init(this.$refs[str]);
			const option = {
				title: {
					text: "",
				},
				grid: {
					left: "15%",
					top: "15%",
					bottom: "15%",
					right: "15%",
				},
				tooltip: {
					trigger: "item",
				},
				legend: {
					data: ["Allocated Budget", "Actual Spending"],
				},
				radar: {
					// shape: 'circle',
					radius: "56%",
					axisLabel: {
						color: "#1f1f1f",
					},
					indicator: [
						{ name: "变位报警", max: 6500 },
						{ name: "越报警上限", max: 16000 },
						{ name: "越报警下限", max: 30000 },
						{ name: "Ai报警", max: 38000 },
						{ name: "越预警下限", max: 52000 },
						{ name: "越预警上限", max: 25000 },
					],
				},
				series: [
					{
						name: "变位报警",
						type: "radar",
						symbolSize: 8,
						itemStyle: {
							color: "#539ce8",
						},
						label: {
							color: "#fff",
						},
						lineStyle: {
							color: "#104fdd",
						},
						areaStyle: {
							color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
								{ offset: 0.3, color: "#539ce8" },
								{ offset: 1, color: "#104fdd" },
							]),
						},
						data: [
							{
								value: [4200, 3000, 20000, 35000, 50000, 18000],
								name: "越报警",
							},
						],
					},
				],
			};
			this.echartsObj[str].setOption(option, true);
		},