From 592c5105e854adf39c0582ceaeea0ef1b0178896 Mon Sep 17 00:00:00 2001
From: yaoyuhao <yaoyuhao@ydool.com>
Date: Thu, 23 May 2024 16:39:28 +0800
Subject: [PATCH] 1

---
 src/view/echarts_hygiene/eP7.vue  |   8 +
 src/view/echarts_hygiene/gxy.vue  |   8 +
 src/view/echarts_hygiene/pie.vue  |  18 +-
 src/view/echarts_hygiene/pie2.vue | 111 +++++++++---
 src/view/echarts_hygiene/tnb.vue  |   9 +-
 src/view/echarts_yl/eP2.vue       |  27 ++-
 src/view/echarts_yl/eP2_2.vue     |  25 ++-
 src/view/echarts_yl/eP3.vue       |  26 ++-
 src/view/echarts_yl/eP3_2.vue     | 280 ++++++++++++++++--------------
 src/view/echarts_yl/pie.vue       |  38 ++--
 src/view/echarts_yl/pie2.vue      |  24 ++-
 11 files changed, 400 insertions(+), 174 deletions(-)

diff --git a/src/view/echarts_hygiene/eP7.vue b/src/view/echarts_hygiene/eP7.vue
index ee8495f..41f42a6 100644
--- a/src/view/echarts_hygiene/eP7.vue
+++ b/src/view/echarts_hygiene/eP7.vue
@@ -127,6 +127,14 @@ data.option = {
       type: "bar",
       data: data.list,
       barWidth: 20,
+            label: {
+          show: true,
+          color: "#ffffff",
+         position:'top',
+          formatter: function (data) {
+            return data.value;
+          },
+        },
       itemStyle: {
         normal: {
           color: function (params) {
diff --git a/src/view/echarts_hygiene/gxy.vue b/src/view/echarts_hygiene/gxy.vue
index 939c142..2f74bca 100644
--- a/src/view/echarts_hygiene/gxy.vue
+++ b/src/view/echarts_hygiene/gxy.vue
@@ -94,6 +94,14 @@ const getOption = () => {
         symbol: "emptyCircle",
 
         symbolSize: 10,
+              label: {
+          show: true,
+          color: "#ffffff",
+         position:'top',
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         itemStyle: {
           borderColor: "#00FCFF",
           borderWidth: 1,
diff --git a/src/view/echarts_hygiene/pie.vue b/src/view/echarts_hygiene/pie.vue
index d780f89..331d81c 100644
--- a/src/view/echarts_hygiene/pie.vue
+++ b/src/view/echarts_hygiene/pie.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: 250px"></div>
+  <div ref="chart" style="width: 100%; height: 260px"></div>
 </template>
 
 <script setup >
@@ -122,6 +122,14 @@ const getOption = () => {
         type: "bar",
         data: data.zgffrc,
         barWidth: "18%",
+              label: {
+          show: true,
+          color: "#ffffff",
+         position:'top',
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         itemStyle: {
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
@@ -140,6 +148,14 @@ const getOption = () => {
         type: "bar",
         data: data.cxffrc,
         barWidth: "18%",
+              label: {
+          show: true,
+          color: "#ffffff",
+         position:'top',
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         itemStyle: {
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
diff --git a/src/view/echarts_hygiene/pie2.vue b/src/view/echarts_hygiene/pie2.vue
index aee1971..fe03fe4 100644
--- a/src/view/echarts_hygiene/pie2.vue
+++ b/src/view/echarts_hygiene/pie2.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height: 250px"></div>
+  <div ref="chart" style="width: 100%; height: 260px"></div>
 </template>
 
 <script setup >
@@ -35,18 +35,18 @@ const getOption = () => {
     },
     legend: {
       data: ["职工医疗保险金额", "城乡医疗保险金额"],
-      top: "6%",
-      right: "11%",
+      top: "3%",
+      right: "25%",
       textStyle: {
         fontSize: 16,
         color: "#ffffff",
       },
     },
     grid: {
-      top: "23%",
+      top: "25%",
       left: "1%",
-      right: "10%",
-      bottom: "3%",
+      right: "5%",
+      bottom: "0%",
       containLabel: true,
     },
 
@@ -62,23 +62,77 @@ const getOption = () => {
         },
       },
     },
-    yAxis: {
-      type: "value",
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: "rgba(226, 226, 226, 0.3)",
-          width: 1,
+    yAxis: [
+      {
+        name: "职工医疗保险金额",
+        type: "value",
+        nameTextStyle: {
+          // 设置Y轴名称的样式
+          fontSize: 14, // 这里设置字体大小为20
+        },
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: "rgba(226, 226, 226, 0.3)",
+            width: 1,
+          },
+        },
+        axisLabel: {
+          //坐标轴刻度标签的相关设置
+          textStyle: {
+            fontSize: 16,
+            color: "#ffffff",
+          },
+        },
+        axisLine: {
+          //y轴线的颜色以及宽度
+          show: false,
+          lineStyle: {
+            color: "#ffffff",
+            fontSize: 16,
+            width: 1,
+            type: "solid",
+          },
         },
       },
-      axisLabel: {
-        //坐标轴刻度标签的相关设置
-        textStyle: {
-          fontSize: 16,
-          color: "#ffffff",
+      {
+        name: "城乡医疗保险金额",
+        type: "value",
+        min: 0, // 设置Y轴最小值
+        max: function (value) {
+          // 自定义Y轴最大值，确保数据点显示在顶部
+          return Math.ceil(Math.max(value.max, value.max * 1.5) / 50) * 50;
+        },
+        splitLine: {
+          show: false,
+          lineStyle: {
+            color: "rgba(226, 226, 226, 0.3)",
+            width: 1,
+          },
+        },
+        nameTextStyle: {
+          // 设置Y轴名称的样式
+          fontSize: 14, // 这里设置字体大小为20
+        },
+        axisLabel: {
+          //坐标轴刻度标签的相关设置
+          textStyle: {
+            fontSize: 16,
+            color: "#ffffff",
+          },
+        },
+        axisLine: {
+          //y轴线的颜色以及宽度
+          show: false,
+          lineStyle: {
+            color: "#ffffff",
+            fontSize: 16,
+            width: 1,
+            type: "solid",
+          },
         },
       },
-    },
+    ],
     series: [
       {
         name: "背景",
@@ -90,6 +144,7 @@ const getOption = () => {
         },
       },
       {
+        yAxisIndex: 0,
         name: "职工医疗保险金额",
         type: "line",
         symbol: "emptyCircle",
@@ -100,9 +155,18 @@ const getOption = () => {
           borderWidth: 1,
           color: "#00FCFF",
         },
+        label: {
+          show: true,
+          color: "#ffffff",
+          position: "top",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         data: data.zgffje,
       },
       {
+        yAxisIndex: 1,
         name: "城乡医疗保险金额",
         type: "line",
         symbol: "emptyCircle",
@@ -113,7 +177,14 @@ const getOption = () => {
           borderWidth: 1,
           color: "#2468FF",
         },
-
+        label: {
+          show: true,
+          color: "#ffffff",
+          position: "bottom",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         data: data.cxffje,
       },
     ],
diff --git a/src/view/echarts_hygiene/tnb.vue b/src/view/echarts_hygiene/tnb.vue
index 5e27286..db60045 100644
--- a/src/view/echarts_hygiene/tnb.vue
+++ b/src/view/echarts_hygiene/tnb.vue
@@ -99,7 +99,14 @@ const getOption = () => {
         borderWidth: 1,
         color: "#E8FF00",
       },
-
+          label: {
+          show: true,
+          color: "#ffffff",
+         position:'top',
+          formatter: function (data) {
+            return data.value;
+          },
+        },
       areaStyle: {
         color: "#F4F65B",
         normal: {
diff --git a/src/view/echarts_yl/eP2.vue b/src/view/echarts_yl/eP2.vue
index a4210b0..aea4744 100644
--- a/src/view/echarts_yl/eP2.vue
+++ b/src/view/echarts_yl/eP2.vue
@@ -55,7 +55,7 @@ const getOption = () => {
       },
     },
     grid: {
-      top:'25%',
+      top: "25%",
       left: "1%",
       right: "10%",
       bottom: "3%",
@@ -85,6 +85,11 @@ const getOption = () => {
             width: 1,
           },
         },
+        min: 0, // 设置Y轴最小值
+        max: function (value) {
+          // 自定义Y轴最大值，确保数据点显示在顶部
+          return Math.ceil(Math.max(value.max, value.max * 1.2) / 50) * 50;
+        },
         nameTextStyle: {
           // 设置Y轴名称的样式
           fontSize: 14, // 这里设置字体大小为20
@@ -117,6 +122,11 @@ const getOption = () => {
             fontSize: 16,
             width: 1,
           },
+        },
+                min: 0, // 设置Y轴最小值
+        max: function (value) {
+          // 自定义Y轴最大值，确保数据点显示在顶部
+          return Math.ceil(Math.max(value.max, value.max * 1.6) / 50) * 50;
         },
         nameTextStyle: {
           // 设置Y轴名称的样式
@@ -163,6 +173,13 @@ const getOption = () => {
           borderWidth: 1,
           color: "#E8FF00",
         },
+        label: {
+          show: true,
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
 
         data: data.list1,
       },
@@ -178,7 +195,13 @@ const getOption = () => {
           borderWidth: 1,
           color: "#2468FF",
         },
-
+        label: {
+          show: true,
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         data: data.list2,
       },
     ],
diff --git a/src/view/echarts_yl/eP2_2.vue b/src/view/echarts_yl/eP2_2.vue
index d8e1d79..b346ad0 100644
--- a/src/view/echarts_yl/eP2_2.vue
+++ b/src/view/echarts_yl/eP2_2.vue
@@ -55,7 +55,7 @@ const getOption = () => {
       },
     },
     grid: {
-      top:'25%',
+      top: "25%",
       left: "1%",
       right: "10%",
       bottom: "0%",
@@ -118,6 +118,11 @@ const getOption = () => {
       {
         name: "99以上补贴金额",
         type: "value",
+        min: 0, // 设置Y轴最小值
+        max: function (value) {
+          // 自定义Y轴最大值，确保数据点显示在顶部
+          return Math.ceil(Math.max(value.max, value.max * 1.5) / 50) * 50;
+        },
         nameTextStyle: {
           // 设置Y轴名称的样式
           fontSize: 14, // 这里设置字体大小为20
@@ -171,7 +176,14 @@ const getOption = () => {
           borderWidth: 1,
           color: "#E8FF00",
         },
-
+        label: {
+          show: true,
+          color: "#ffffff",
+          position: "top",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         data: data.list1,
       },
       {
@@ -187,7 +199,14 @@ const getOption = () => {
           borderWidth: 1,
           color: "#2468FF",
         },
-
+        label: {
+          show: true,
+          color: "#ffffff",
+          position: "bottom",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         data: data.list2,
       },
     ],
diff --git a/src/view/echarts_yl/eP3.vue b/src/view/echarts_yl/eP3.vue
index 2bb6af8..67d2bec 100644
--- a/src/view/echarts_yl/eP3.vue
+++ b/src/view/echarts_yl/eP3.vue
@@ -55,7 +55,7 @@ const getOption = () => {
       },
     },
     grid: {
-      top:'25%',
+      top: "25%",
       left: "1%",
       right: "10%",
       bottom: "3%",
@@ -78,6 +78,11 @@ const getOption = () => {
       {
         name: "特困发放人次",
         type: "value",
+        min: 0, // 设置Y轴最小值
+        max: function (value) {
+          // 自定义Y轴最大值，确保数据点显示在顶部
+          return Math.ceil(Math.max(value.max, value.max * 2) / 50) * 50;
+        },
         nameTextStyle: {
           // 设置Y轴名称的样式
           fontSize: 14, // 这里设置字体大小为20
@@ -111,6 +116,11 @@ const getOption = () => {
       {
         name: "低保发放人次",
         type: "value",
+        min: 0, // 设置Y轴最小值
+        max: function (value) {
+          // 自定义Y轴最大值，确保数据点显示在顶部
+          return Math.ceil(Math.max(value.max, value.max * 1.3) / 50) * 50;
+        },
         nameTextStyle: {
           // 设置Y轴名称的样式
           fontSize: 14, // 这里设置字体大小为20
@@ -164,6 +174,13 @@ const getOption = () => {
           borderWidth: 1,
           color: "#00FCFF",
         },
+        label: {
+          show: true,
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         data: data.list1,
       },
       {
@@ -178,6 +195,13 @@ const getOption = () => {
           borderWidth: 1,
           color: "#2468FF",
         },
+        label: {
+          show: true,
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         data: data.list2,
       },
     ],
diff --git a/src/view/echarts_yl/eP3_2.vue b/src/view/echarts_yl/eP3_2.vue
index b5c3b08..c58dd80 100644
--- a/src/view/echarts_yl/eP3_2.vue
+++ b/src/view/echarts_yl/eP3_2.vue
@@ -1,9 +1,9 @@
 <template>
-  <div ref="chart" style="width: 100%;height:285px;"></div>
+  <div ref="chart" style="width: 100%; height: 285px"></div>
 </template>
 
 <script setup >
-import { onBeforeMount, reactive, ref,defineProps } from "vue";
+import { onBeforeMount, reactive, ref, defineProps } from "vue";
 // 局部引入echarts核心模块
 import * as echarts from "echarts";
 
@@ -34,168 +34,182 @@ const data = reactive({
   list1: [],
   list2: [],
   year: [],
-  option: {}
-})
+  option: {},
+});
 
-const getOption = () =>{
+const getOption = () => {
   data.option = {
-  tooltip: {
-    trigger: "axis",
-    formatter: "{b0}<br />{a0}:{c0} <br />{a1}:{c1} ",
-  },
-  legend: {
-    top: "5%",
-    right: "11%",
-    textStyle: {
-      fontSize: 16,
-      color: "#ffffff",
+    tooltip: {
+      trigger: "axis",
+      formatter: "{b0}<br />{a0}:{c0} <br />{a1}:{c1} ",
     },
-  },
-  grid: {
-    top:'25%',
-    left: "1%",
-    right: "10%",
-    bottom: "5%",
-    containLabel: true,
-  },
-  calculable: true,
-  xAxis: [
-    {
-      type: "category",
-      axisLabel: {
-        //坐标轴刻度标签的相关设置
-        textStyle: {
-          color: "#ffffff",
-          fontSize: 16,
-        },
-      },
-      data: data.year,
-    },
-     {
-      axisTick: false,
-      type: "category",
-      data: data.year,
-      axisLabel: {
-        show: false,
+    legend: {
+      top: "5%",
+      right: "11%",
+      textStyle: {
+        fontSize: 16,
         color: "#ffffff",
-        fontSize: 16,
       },
     },
-
-  ],
-
-  yAxis: [
-    {
-      type: "value",
-      splitLine: {
-        show: true,
-        lineStyle: {
-          color: "rgba(226, 226, 226, 0.3)",
-          width: 1,
+    grid: {
+      top: "25%",
+      left: "1%",
+      right: "10%",
+      bottom: "5%",
+      containLabel: true,
+    },
+    calculable: true,
+    xAxis: [
+      {
+        type: "category",
+        axisLabel: {
+          //坐标轴刻度标签的相关设置
+          textStyle: {
+            color: "#ffffff",
+            fontSize: 16,
+          },
         },
+        data: data.year,
       },
-      axisLabel: {
-        //坐标轴刻度标签的相关设置
-        textStyle: {
+      {
+        axisTick: false,
+        type: "category",
+        data: data.year,
+        axisLabel: {
+          show: false,
           color: "#ffffff",
           fontSize: 16,
         },
       },
-    },
-     {
-      type: "value",
-      min: 0,
-      max: 100,
-      splitLine: {
-        show: false,
-        lineStyle: {
-          type: "solid",
-          color: "rgb(221, 242, 255,0.3)"
-        },
-      },
-      axisLine: {
-        show: false,
-        lineStyle: {
-          type: "dotted",
-        },
-      },
-      axisLabel: {
-        show: false,
-        fontSize: 16,
-        color: "#DEF1FF",
-        fontFamily: "MicrosoftYaHei",
-        lineHeight: 19,
-      },
-    },
+    ],
 
-  ],
-  series: [
-    {
-      name: "特困补助金额",
-      type: "bar",
-      data: data.list1,
-      barWidth: "18%",
-      itemStyle: {
-        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          {
-            offset: 0,
-            color: "rgba(162, 187, 255, 1)",
+    yAxis: [
+      {
+        type: "value",
+        splitLine: {
+          show: true,
+          lineStyle: {
+            color: "rgba(226, 226, 226, 0.3)",
+            width: 1,
           },
-          {
-            offset: 1,
-            color: "rgba(162, 187, 255, 0.20)",
+        },
+        axisLabel: {
+          //坐标轴刻度标签的相关设置
+          textStyle: {
+            color: "#ffffff",
+            fontSize: 16,
           },
-        ]),
+        },
       },
-    },
-    {
-      name: "低保补助金额",
-      type: "bar",
-      data: data.list2,
-      barWidth: "18%",
-      itemStyle: {
-        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
-          {
-            offset: 0,
-            color: "rgba(23, 237, 255, 1)",
+      {
+        type: "value",
+        min: 0,
+        max: 100,
+        splitLine: {
+          show: false,
+          lineStyle: {
+            type: "solid",
+            color: "rgb(221, 242, 255,0.3)",
           },
-          {
-            offset: 1,
-            color: "rgba(23, 237, 255, 0.20)",
+        },
+        axisLine: {
+          show: false,
+          lineStyle: {
+            type: "dotted",
           },
-        ]),
+        },
+        axisLabel: {
+          show: false,
+          fontSize: 16,
+          color: "#DEF1FF",
+          fontFamily: "MicrosoftYaHei",
+          lineHeight: 19,
+        },
       },
-    },
-    {
-      type: "bar",
-      xAxisIndex: 1,
-      yAxisIndex: 1,
-      itemStyle: {
-        color: "rgba(221, 242, 255, 0.1)",
+    ],
+    series: [
+      {
+        name: "特困补助金额",
+        type: "bar",
+        data: data.list1,
+        barWidth: "18%",
+        itemStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            {
+              offset: 0,
+              color: "rgba(162, 187, 255, 1)",
+            },
+            {
+              offset: 1,
+              color: "rgba(162, 187, 255, 0.20)",
+            },
+          ]),
+        },
+        label: {
+          show: true,
+          color: "#ffffff",
+          position: "top",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
       },
-      data: data.year.map(() => 100),
-      barWidth: 50,
-    },
-  ],
+      {
+        name: "低保补助金额",
+        type: "bar",
+        data: data.list2,
+        barWidth: "18%",
+        itemStyle: {
+          color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+            {
+              offset: 0,
+              color: "rgba(23, 237, 255, 1)",
+            },
+            {
+              offset: 1,
+              color: "rgba(23, 237, 255, 0.20)",
+            },
+          ]),
+        },
+        label: {
+          show: true,
+          color: "#ffffff",
+          position: "top",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
+      },
+      {
+        type: "bar",
+        xAxisIndex: 1,
+        yAxisIndex: 1,
+        itemStyle: {
+          color: "rgba(221, 242, 255, 0.1)",
+        },
+        data: data.year.map(() => 100),
+        barWidth: 50,
+      },
+    ],
+  };
 };
-}
 const setChart = () => {
   // Vue3中： 需要引入
   var myChart = echarts.init(chart.value);
 
   // 使用刚指定的配置项和数据显示图表。
   myChart.setOption(data.option);
-}
+};
 
 // 使用生命钩子
 onBeforeMount(() => {
   setTimeout(() => {
-    data.list1 = props.list1
-    data.list2 = props.list2
-    data.year = props.year
-    getOption()
-    setChart()
-  }, 600)
+    data.list1 = props.list1;
+    data.list2 = props.list2;
+    data.year = props.year;
+    getOption();
+    setChart();
+  }, 600);
 });
 </script>
 
diff --git a/src/view/echarts_yl/pie.vue b/src/view/echarts_yl/pie.vue
index a2e3d9e..bab5a73 100644
--- a/src/view/echarts_yl/pie.vue
+++ b/src/view/echarts_yl/pie.vue
@@ -1,5 +1,5 @@
 <template>
-  <div ref="chart" style="width: 100%; height:260px;"></div>
+  <div ref="chart" style="width: 100%; height: 260px"></div>
 </template>
 
 <script setup>
@@ -34,8 +34,8 @@ const data = reactive({
   list1: [],
   list2: [],
   year: [],
-  option: {}
-})
+  option: {},
+});
 const getOption = () => {
   data.option = {
     tooltip: {
@@ -139,6 +139,14 @@ const getOption = () => {
             },
           ]),
         },
+        label: {
+          show: true,
+           position:'top',
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
       },
       {
         name: "城乡养老保险发放人次",
@@ -157,6 +165,14 @@ const getOption = () => {
             },
           ]),
         },
+        label: {
+          show: true,
+          position:'top',
+          color: "#ffffff",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
       },
       {
         type: "bar",
@@ -170,24 +186,24 @@ const getOption = () => {
       },
     ],
   };
-}
+};
 const setChart = () => {
   // Vue3中： 需要引入
   var myChart = echarts.init(chart.value);
 
   // 使用刚指定的配置项和数据显示图表。
   myChart.setOption(data.option);
-}
+};
 
 // 使用生命钩子
 onBeforeMount(() => {
   setTimeout(() => {
-    data.list1 = props.list1
-    data.list2 = props.list2
-    data.year = props.year
-    getOption()
-    setChart()
-  }, 600)
+    data.list1 = props.list1;
+    data.list2 = props.list2;
+    data.year = props.year;
+    getOption();
+    setChart();
+  }, 600);
 });
 </script>
 
diff --git a/src/view/echarts_yl/pie2.vue b/src/view/echarts_yl/pie2.vue
index d8f0f28..e298927 100644
--- a/src/view/echarts_yl/pie2.vue
+++ b/src/view/echarts_yl/pie2.vue
@@ -53,7 +53,7 @@ const getOption = () => {
       },
     },
     grid: {
-      top:'25%',
+      top: "25%",
       left: "1%",
       right: "10%",
       bottom: "0%",
@@ -109,6 +109,11 @@ const getOption = () => {
       {
         name: "城乡养老保险金额",
         type: "value",
+        min: 0, // 设置Y轴最小值
+        max: function (value) {
+          // 自定义Y轴最大值，确保数据点显示在顶部
+          return Math.ceil(Math.max(value.max, value.max * 1.4) / 50) * 50;
+        },
         nameTextStyle: {
           // 设置Y轴名称的样式
           fontSize: 14, // 这里设置字体大小为20
@@ -162,6 +167,14 @@ const getOption = () => {
           borderWidth: 1,
           color: "#00FCFF",
         },
+        label: {
+          show: true,
+          color: "#ffffff",
+          position: "bottom",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         data: data.list1,
       },
       {
@@ -176,7 +189,14 @@ const getOption = () => {
           borderWidth: 1,
           color: "#2468FF",
         },
-
+        label: {
+          show: true,
+          color: "#ffffff",
+          position: "bottom",
+          formatter: function (data) {
+            return data.value;
+          },
+        },
         data: data.list2,
       },
     ],