From 79aa07143f1536db408e6625c5d2b8d1b02bebc3 Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期六, 09 十二月 2023 17:22:44 +0800 Subject: [PATCH] 接口数据代码优化 --- src/views/cockpitPage/components/PerSonnelProductivity.vue | 27 +++++++++++++++++++++------ 1 files changed, 21 insertions(+), 6 deletions(-) diff --git a/src/views/cockpitPage/components/PerSonnelProductivity.vue b/src/views/cockpitPage/components/PerSonnelProductivity.vue index 4f11181..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"], @@ -70,6 +71,11 @@ axisPointer: { type: "none", }, + textStyle: { + color: "#00FFFF", + }, + borderColor: "#00FFFF", + backgroundColor: "#238d8d6b", valueFormatter: function (value) { return value + "%"; }, @@ -118,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 { @@ -177,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", @@ -195,7 +206,7 @@ color: "#00FFFF", }, b: { - color: "#dcb018", + color: "#fccd1d", }, }, }, @@ -204,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 { @@ -256,6 +267,11 @@ color: ["#dcb018", "#735b09", "#ebd68e", "#c7b36e"], tooltip: { trigger: "item", + textStyle: { + color: "#00FFFF", + }, + borderColor: "#00FFFF", + backgroundColor: "#238d8d6b", valueFormatter: function (value) { return value + "%"; }, @@ -282,7 +298,6 @@ type: "pie", radius: ["52%", "62%"], avoidLabelOverlap: false, - label: { normal: { position: "outer", -- Gitblit v1.8.0