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/BarChart.vue | 37 ++++++++++++++++++------------------- 1 files changed, 18 insertions(+), 19 deletions(-) diff --git a/src/views/cockpitPage/components/BarChart.vue b/src/views/cockpitPage/components/BarChart.vue index f4c4554..0cf8a5c 100644 --- a/src/views/cockpitPage/components/BarChart.vue +++ b/src/views/cockpitPage/components/BarChart.vue @@ -3,7 +3,7 @@ <ChartTitle name="杞﹂棿姝e搧鐜�"></ChartTitle> <div class="bar-contents"> <div class="bar-total"> - <div class="bar-item">褰撴棩鍚堣鐢熶骇锛歿{ chartData.total }}</div> + <div class="bar-item">7鏃ュ悎璁$敓浜э細{{ chartData.total }}</div> <div class="bar-item">姝e搧鐜囷細{{ chartData.rate }}%</div> </div> <div class="chart" ref="chart"></div> @@ -81,9 +81,10 @@ myChart = echarts.init(chartDom); let option; let lineColor = "#35ddc74d"; + let spirit = "/cockpitPage/order-bg.png"; if (data) { option = { - color: ["#dcb018", "#00FFFF"], + color: ["#fccd1d", "#00FFFF"], tooltip: { trigger: "axis", axisPointer: { @@ -152,7 +153,7 @@ name: "姝e搧鏁伴噺", icon: "circle", textStyle: { - color: "#dcb018", + color: "#fccd1d", }, }, { @@ -265,27 +266,25 @@ ], series: [ { - type: "bar", + type: "pictorialBar", name: "姝e搧鏁伴噺", - barWidth: "15", - itemStyle: { - normal: { - //鏌卞舰鍥惧渾瑙掞紝鍒濆鍖栨晥鏋� - barBorderRadius: [4, 4, 0, 0], - }, - }, + symbol: spirit, + symbolRepeat: true, + symbolMargin: "25%", + symbolClip: true, + symbolSize: [17, 4], + barCategoryGap: "40%", data: data.datay, }, { - type: "bar", + type: "pictorialBar", + barGap: "10%", name: "娆″搧鏁伴噺", - barWidth: "15", - itemStyle: { - normal: { - //鏌卞舰鍥惧渾瑙掞紝鍒濆鍖栨晥鏋� - barBorderRadius: [4, 4, 0, 0], - }, - }, + symbol: spirit, + symbolRepeat: true, + symbolMargin: "25%", + symbolClip: true, + symbolSize: [17, 4], data: data.datay2, }, ], -- Gitblit v1.8.0