diff --git a/src/view/dialog/dialog.vue b/src/view/dialog/dialog.vue index e8d1420..b155761 100644 --- a/src/view/dialog/dialog.vue +++ b/src/view/dialog/dialog.vue @@ -73,7 +73,6 @@ { symbolPosition: "end", data: data.list[1], symbol: "diamond", - symbolOffset: ["-25%", "-50%"], + symbolOffset: ["-60%", "-50%"], symbolSize: [19, 10], itemStyle: { borderColor: "#2fffa4", @@ -148,7 +148,7 @@ const getOption = () => { }, { z: 1, - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, name: "县镇", type: "bar", data: data.list[1], @@ -177,25 +177,25 @@ const getOption = () => { }, }, }, - { + { z: 2, name: "上部1", type: "pictorialBar", symbolPosition: "end", data: data.list[0], symbol: "diamond", - symbolOffset: [5, "-50%"], + symbolOffset: ["62%", "-50%"], symbolSize: [19, 10], itemStyle: { borderColor: "#32ffee", - color: "rgba(23, 237, 255, 1)", + color: "rgba(23, 237, 255, 1)", }, }, { - z:2, + z: 2, name: "农村", type: "bar", - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, data: data.list[0], barWidth: "25%", label: { @@ -218,7 +218,7 @@ const getOption = () => { }, ]), }, - itemStyle: { + itemStyle: { color: { type: "linear", x: 0, diff --git a/src/view/echarts_hygiene/pie.vue b/src/view/echarts_hygiene/pie.vue index 547f8fd..46506bf 100644 --- a/src/view/echarts_hygiene/pie.vue +++ b/src/view/echarts_hygiene/pie.vue @@ -125,7 +125,7 @@ const getOption = () => { symbolPosition: "end", data: data.zgffrc, symbol: "diamond", - symbolOffset: ["-20%", "-50%"], + symbolOffset: ["-60%", "-50%"], symbolSize: [17, 10], itemStyle: { borderColor: "#2fffa4", @@ -136,7 +136,7 @@ const getOption = () => { z: 1, name: "职工医疗保险发放人次", type: "bar", - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, data: data.zgffrc, barWidth: "18%", label: { @@ -182,7 +182,7 @@ const getOption = () => { symbolPosition: "end", data: data.cxffrc, symbol: "diamond", - symbolOffset: [4, "-50%"], + symbolOffset: ["62%", "-50%"], symbolSize: [17, 10], itemStyle: { borderColor: "#32ffee", @@ -193,7 +193,7 @@ const getOption = () => { z: 2, name: "城乡医疗保险发放人次", type: "bar", - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, data: data.cxffrc, barWidth: "18%", label: { diff --git a/src/view/echarts_work/eP3.vue b/src/view/echarts_work/eP3.vue index 60c5371..549585e 100644 --- a/src/view/echarts_work/eP3.vue +++ b/src/view/echarts_work/eP3.vue @@ -241,7 +241,7 @@ const getOption = () => { }, { - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, z: 1, yAxisIndex: 0, name: "特困救助人次", @@ -277,7 +277,7 @@ const getOption = () => { }, }, { - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, z: 2, yAxisIndex: 0, name: "低保救助人次", @@ -313,7 +313,7 @@ const getOption = () => { // }, }, { - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, z: 3, yAxisIndex: 0, name: "低边救助人次", @@ -386,7 +386,7 @@ const getOption = () => { symbolPosition: "end", data: data.list1, symbol: "diamond", - symbolOffset: ["-50%", "-50%"], + symbolOffset: ["-140%", "-50%"], symbolSize: [14, 8], itemStyle: { borderColor: "#2fffa4", @@ -400,7 +400,7 @@ const getOption = () => { symbolPosition: "end", data: data.list2, symbol: "diamond", - symbolOffset: ["0", "-50%"], + symbolOffset: ["0%", "-50%"], symbolSize: [14, 8], itemStyle: { borderColor: "#2fffa4", @@ -414,7 +414,7 @@ const getOption = () => { symbolPosition: "end", data: data.list3, symbol: "diamond", - symbolOffset: [8, "-50%"], + symbolOffset: ["140%", "-50%"], symbolSize: [14, 8], itemStyle: { borderColor: "#32ffee", diff --git a/src/view/echarts_work/eP6.vue b/src/view/echarts_work/eP6.vue index ca82299..9236439 100644 --- a/src/view/echarts_work/eP6.vue +++ b/src/view/echarts_work/eP6.vue @@ -209,7 +209,7 @@ const getOption = () => { name: "困难残疾人生活补贴人数", data: data.list1, barWidth: 18, - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, type: "bar", itemStyle: { color: { @@ -234,7 +234,7 @@ const getOption = () => { name: "护理补贴人数", data: data.list2, barWidth: 18, - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, type: "bar", itemStyle: { color: { @@ -312,7 +312,7 @@ const getOption = () => { symbolPosition: "end", data: data.list1, symbol: "diamond", - symbolOffset: ["-25%", "-50%"], + symbolOffset: ["-64%", "-50%"], symbolSize: [18, 12], itemStyle: { borderColor: "#2fffa4", @@ -326,7 +326,7 @@ const getOption = () => { symbolPosition: "end", data: data.list2, symbol: "diamond", - symbolOffset: [4, "-50%"], + symbolOffset: ["64%", "-50%"], symbolSize: [18, 12], itemStyle: { borderColor: "#32ffee", diff --git a/src/view/echarts_yl/pie.vue b/src/view/echarts_yl/pie.vue index 564eb21..024c6d6 100644 --- a/src/view/echarts_yl/pie.vue +++ b/src/view/echarts_yl/pie.vue @@ -130,7 +130,7 @@ const getOption = () => { symbolPosition: "end", data: data.list1, symbol: "diamond", - symbolOffset: ["-20%", "-50%"], + symbolOffset: ["-60%", "-50%"], symbolSize: [19, 10], itemStyle: { borderColor: "#2fffa4", @@ -141,7 +141,7 @@ const getOption = () => { z: 1, name: "职工养老保险发放人次", type: "bar", - barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, data: data.list1, barWidth: "18%", itemStyle: { @@ -187,7 +187,7 @@ const getOption = () => { symbolPosition: "end", data: data.list2, symbol: "diamond", - symbolOffset: [4, "-50%"], + symbolOffset: ["62%", "-50%"], symbolSize: [19, 10], itemStyle: { borderColor: "#32ffee", @@ -198,7 +198,8 @@ const getOption = () => { name: "城乡养老保险发放人次", type: "bar", data: data.list2, - barGap: "-50%", + // barGap: "-50%", + barGap: 0.3 /*多个并排柱子设置柱子之间的间距*/, barWidth: "18%", itemStyle: { color: {