From da4d9e70d2c37f59a365b0fb88ad70e8c1ba79b4 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期一, 11 十二月 2023 10:25:01 +0800 Subject: [PATCH] 机器开机率优化 --- src/views/cockpitPage/components/PerSonnelProductivity.vue | 33 +++++++++++++++++++++++++++------ 1 files changed, 27 insertions(+), 6 deletions(-) diff --git a/src/views/cockpitPage/components/PerSonnelProductivity.vue b/src/views/cockpitPage/components/PerSonnelProductivity.vue index ac8be87..94223a8 100644 --- a/src/views/cockpitPage/components/PerSonnelProductivity.vue +++ b/src/views/cockpitPage/components/PerSonnelProductivity.vue @@ -62,6 +62,7 @@ myChart = echarts.init(chartDom); let option; let lineColor = "#35ddc74d"; + let spirit = "/cockpitPage/order-bg.png"; if (data) { option = { color: ["#00FFFF", "#dcb018"], @@ -69,6 +70,14 @@ trigger: "axis", axisPointer: { type: "none", + }, + textStyle: { + color: "#00FFFF", + }, + borderColor: "#00FFFF", + backgroundColor: "#238d8d6b", + valueFormatter: function (value) { + return value + "%"; }, }, grid: { @@ -115,7 +124,7 @@ fontSize: 12, textStyle: { color: function (params, index) { - let colorList = ["#dcb018", "#00FFFF"]; + let colorList = ["#fec718", "#00FFFF"]; if (index % 2 == 0) { return colorList[0]; } else { @@ -174,9 +183,14 @@ ], series: [ { - type: "bar", + type: "pictorialBar", name: "", - barWidth: "15", + symbol: spirit, + symbolRepeat: true, + symbolMargin: "25%", + symbolClip: true, + symbolSize: [4, 11], + barCategoryGap: "40%", label: { show: true, position: "right", @@ -192,7 +206,7 @@ color: "#00FFFF", }, b: { - color: "#dcb018", + color: "#fccd1d", }, }, }, @@ -201,7 +215,7 @@ //鏌卞舰鍥惧渾瑙掞紝鍒濆鍖栨晥鏋� barBorderRadius: [4, 4, 0, 0], color: function (params) { - let colorList = ["#dcb018", "#00FFFF"]; + let colorList = ["#fccd1d", "#00FFFF"]; if (params.dataIndex % 2 == 0) { return colorList[0]; } else { @@ -253,6 +267,14 @@ color: ["#dcb018", "#735b09", "#ebd68e", "#c7b36e"], tooltip: { trigger: "item", + textStyle: { + color: "#00FFFF", + }, + borderColor: "#00FFFF", + backgroundColor: "#238d8d6b", + valueFormatter: function (value) { + return value + "%"; + }, }, graphic: { elements: [ @@ -276,7 +298,6 @@ type: "pie", radius: ["52%", "62%"], avoidLabelOverlap: false, - label: { normal: { position: "outer", -- Gitblit v1.8.0