From 952ac0d2df182701395cbd93af741a3bf3a69bae Mon Sep 17 00:00:00 2001 From: yangfeng <wanwan926_4@163.com> Date: 星期五, 08 十二月 2023 10:57:24 +0800 Subject: [PATCH] 所有柱状图样式优化 --- src/views/cockpitPage/components/BarChart.vue | 31 +++++++++++++++---------------- 1 files changed, 15 insertions(+), 16 deletions(-) diff --git a/src/views/cockpitPage/components/BarChart.vue b/src/views/cockpitPage/components/BarChart.vue index f4c4554..8e76309 100644 --- a/src/views/cockpitPage/components/BarChart.vue +++ b/src/views/cockpitPage/components/BarChart.vue @@ -81,6 +81,7 @@ myChart = echarts.init(chartDom); let option; let lineColor = "#35ddc74d"; + let spirit = "/cockpitPage/order-bg.png"; if (data) { option = { color: ["#dcb018", "#00FFFF"], @@ -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", name: "娆″搧鏁伴噺", - barWidth: "15", - itemStyle: { - normal: { - //鏌卞舰鍥惧渾瑙掞紝鍒濆鍖栨晥鏋� - barBorderRadius: [4, 4, 0, 0], - }, - }, + symbol: spirit, + symbolRepeat: true, + symbolMargin: "25%", + symbolClip: true, + symbolSize: [17, 4], + barCategoryGap: "40%", data: data.datay2, }, ], -- Gitblit v1.8.0