From 3c10ef337099f10ad5a8043019af3818055bd4c8 Mon Sep 17 00:00:00 2001
From: liuying <1427574514@qq.com>
Date: 周五, 01 11月 2024 19:47:14 +0800
Subject: [PATCH] 细节
---
yiqi_screen/src/components/ProdlineHealthy.vue | 55 +++++++++++++++++++++++++++++++++++--------------------
1 files changed, 35 insertions(+), 20 deletions(-)
diff --git a/yiqi_screen/src/components/ProdlineHealthy.vue b/yiqi_screen/src/components/ProdlineHealthy.vue
index 0bcc33c..3bbfeab 100644
--- a/yiqi_screen/src/components/ProdlineHealthy.vue
+++ b/yiqi_screen/src/components/ProdlineHealthy.vue
@@ -1,8 +1,8 @@
<template>
<div class="box-container" id="echarts2"></div>
</template>
-
- <script>
+
+<script>
let timer = null;
export default {
data() {
@@ -17,13 +17,16 @@
this.option = {
legend: {
orient: "vertical",
- bottom: '12%',
- right: '6%',
- textStyle:{
- color:'#fff'
+ bottom: "30%",
+ right: "6%",
+ textStyle: {
+ color: "#fff",
+ fontSize: 8,
},
+ itemHeight: 5, // 璁剧疆鍥句緥椤圭殑楂樺害
+ itemWidth: 5, // 璁剧疆鍥句緥椤圭殑瀹藉害
data: [
- {
+ {
name: "瀹為檯",
itemStyle: {
color: "#fff",
@@ -35,12 +38,11 @@
color: "#01afba",
},
},
-
],
},
radar: {
- center:['43%','55%'],
- radius:'70%',
+ center: ["40%", "50%"], // 鏇存敼涓烘洿灏忕殑鐧惧垎姣斾互寰�涓棿绉诲姩
+ radius: "30%",
indicator: [
{ name: "浜�", max: 100, color: "#fff" },
{ name: "鐜�", max: 100, color: "#fff" },
@@ -52,9 +54,9 @@
axisLine: {
show: false,
},
- axisName:{
- padding:-10
- }
+ axisName: {
+ padding: -10,
+ },
// splitArea:{
// areaStyle:{
@@ -95,10 +97,10 @@
],
};
this.myChart.setOption(this.option);
- const that=this
- window.addEventListener('resize',()=>{
+ const that = this;
+ window.addEventListener("resize", () => {
that.myChart.resize();
- })
+ });
// this.defineEvent();
// this.selectPie();
// timer = setInterval(this.selectPie, 1500);
@@ -126,7 +128,7 @@
type: "highlight",
seriesIndex: 0,
dataIndex: this.currentIndex,
- })
+ });
},
// 榧犳爣瑙︽懜杞挱鎮仠浜嬩欢
@@ -161,6 +163,19 @@
},
};
</script>
-
- <style>
-</style>
\ No newline at end of file
+
+<style>
+#echarts2 {
+ margin-top: .1rem;
+ width: 2.89rem;
+ height: 2.5rem;
+ transform: scaleY(2);
+
+ /*
+ margin-top: .4rem;
+ width: 2.89rem;
+ height: 2.0rem;
+ transform: scaleY(2); */
+ /* border: 1px solid red; */
+}
+</style>
--
Gitblit v1.9.3