@ecan-bi/datav 1.0.83 → 1.0.85

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.0.83 */
+/*! @ecan-bi/datav@1.0.85 */
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("echarts/core"), require("resize-detector"), require("ant-design-vue"), require("ant-design-vue/es/spin/style"), require("ant-design-vue/es/skeleton/style"), require("lodash-es"), require("axios"), require("mitt"), require("dayjs"), require("ant-design-vue/es/progress/style"), require("ant-design-vue/es/input/style"), require("ant-design-vue/es/date-picker/style"), require("ant-design-vue/es/date-picker/locale/zh_CN"), require("ant-design-vue/es/select/style"), require("ant-design-vue/es/button/style"), require("ant-design-vue/es/checkbox/style"), require("echarts/renderers"), require("echarts/charts"), require("echarts/components"), require("echarts"), require("ant-design-vue/es/modal/style"), require("ant-design-vue/es/table/style")) : typeof define === "function" && define.amd ? define(["exports", "vue", "echarts/core", "resize-detector", "ant-design-vue", "ant-design-vue/es/spin/style", "ant-design-vue/es/skeleton/style", "lodash-es", "axios", "mitt", "dayjs", "ant-design-vue/es/progress/style", "ant-design-vue/es/input/style", "ant-design-vue/es/date-picker/style", "ant-design-vue/es/date-picker/locale/zh_CN", "ant-design-vue/es/select/style", "ant-design-vue/es/button/style", "ant-design-vue/es/checkbox/style", "echarts/renderers", "echarts/charts", "echarts/components", "echarts", "ant-design-vue/es/modal/style", "ant-design-vue/es/table/style"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["@ecan/bi-datav"] = {}, global.vue, global["echarts/core"], global["resize-detector"], global["ant-design-vue"], null, null, global["lodash-es"], global.axios, global.mitt, global.dayjs, null, null, null, global["ant-design-vue/es/date-picker/locale/zh_CN"], null, null, null, global["echarts/renderers"], global["echarts/charts"], global["echarts/components"], global.echarts));
 })(this, function(exports2, vue, core, resizeDetector, antDesignVue, style$1, style$2, lodashEs, axios, mitt, dayjs, style$3, style$4, style$5, locale, style$6, style$7, style$8, renderers, charts, components$1, echarts) {
@@ -3876,6 +3876,31 @@
         immediate: true,
         deep: true
       });
+      const requestData = useRequestData(props2);
+      const { pageMode } = vue.inject(GLOBAL_CONFIG, {
+        pageMode: "normal"
+      });
+      const handleRequestData = async () => {
+        var _a2, _b2;
+        if (props2.dataType !== "request" || vue.unref(pageMode) === "design")
+          return;
+        const res = await requestData();
+        const data = ((_b2 = (_a2 = res == null ? void 0 : res.data) == null ? void 0 : _a2.data) == null ? void 0 : _b2.rows) || [];
+        const value = props2.value;
+        let _value = [];
+        data.forEach((item) => {
+          if (item.checked) {
+            _value.push(item.value);
+          }
+        });
+        if (typeof value === "string" && value !== "") {
+          _value = _value.concat(value.split(","));
+        } else if (Array.isArray(value)) {
+          _value = _value.concat(value);
+        }
+        myOption.value = data;
+        myValue.value = _value;
+      };
       const id = props2.id;
       const { getGlobalModel, setGlobalModel } = vue.inject(GLOBAL_MODEL, {
         getGlobalModel: (key) => void 0,
@@ -3890,6 +3915,10 @@
         const modal = getGlobalModel(id);
         setGlobalModel(id, { ...modal, RECORD: myValue });
       });
+      const { setRequest } = vue.inject(REQUEST_MODEL, {
+        setRequest: (requestFn, sortNum) => void 0
+      });
+      setRequest(handleRequestData, props2.requestSort);
       return {
         myOption,
         style: style2,
@@ -4305,6 +4334,7 @@
     xAxisLabelColor: "#333",
     xAxisLineStyleColor: "#333",
     xAxisTickShow: true,
+    xAxisLabelFormatter: "{value}",
     yAxisSplitLineShow: true,
     yAxisSplitLineStyleColor: "#333",
     yAxisLabelColor: "#333",
@@ -4358,108 +4388,115 @@
       const hideModal = () => {
         visible.value = false;
       };
-      const option = vue.computed(() => ({
-        toolbox: {
-          show: props2.toolboxShow,
-          left: props2.toolboxLeft,
-          top: props2.toolboxTop,
-          itemSize: props2.toolboxItemSize,
-          itemGap: props2.toolboxItemGap,
-          feature: {
-            myDownload: {
-              show: true,
-              title: "\u6570\u636E\u4E0B\u8F7D",
-              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
-              onclick() {
-                useDownloadFile(props2.toolboxDownloadUrl);
+      const option = vue.computed(() => {
+        const xAxisLabelFormatter = props2.xAxisLabelFormatter;
+        const yAxisLabelFormatter = props2.yAxisLabelFormatter;
+        return {
+          toolbox: {
+            show: props2.toolboxShow,
+            left: props2.toolboxLeft,
+            top: props2.toolboxTop,
+            itemSize: props2.toolboxItemSize,
+            itemGap: props2.toolboxItemGap,
+            feature: {
+              myDownload: {
+                show: true,
+                title: "\u6570\u636E\u4E0B\u8F7D",
+                icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+                onclick() {
+                  useDownloadFile(props2.toolboxDownloadUrl);
+                }
+              },
+              myDataZoom: {
+                show: true,
+                title: "\u653E\u5927",
+                icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+                onclick() {
+                  visible.value = true;
+                }
+              },
+              myInfo: {
+                show: true,
+                title: "\u8BF4\u660E\u4FE1\u606F",
+                icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+                onclick() {
+                  antDesignVue.Modal.info({
+                    title: "\u8BF4\u660E\u4FE1\u606F",
+                    content: props2.toolboxInfoText
+                  });
+                }
+              }
+            }
+          },
+          title: {
+            text: props2.titleText,
+            subText: props2.titleSubtext,
+            left: "center"
+          },
+          grid: {
+            top: props2.gridTop,
+            bottom: props2.gridBottom,
+            left: props2.gridLeft,
+            right: props2.gridRight,
+            containLabel: props2.gridContainLabel
+          },
+          color: props2.colors,
+          xAxis: {
+            type: "category",
+            data: vue.unref(dimensions),
+            splitLine: {
+              show: props2.xAxisSplitLineShow,
+              lineStyle: {
+                color: props2.xAxisSplitLineStyleColor
               }
             },
-            myDataZoom: {
-              show: true,
-              title: "\u653E\u5927",
-              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
-              onclick() {
-                visible.value = true;
+            axisLabel: {
+              color: props2.xAxisLabelColor,
+              formatter(value) {
+                return useValueFormatter(xAxisLabelFormatter, value);
               }
             },
-            myInfo: {
-              show: true,
-              title: "\u8BF4\u660E\u4FE1\u606F",
-              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
-              onclick() {
-                antDesignVue.Modal.info({
-                  title: "\u8BF4\u660E\u4FE1\u606F",
-                  content: props2.toolboxInfoText
-                });
+            axisLine: {
+              lineStyle: {
+                color: props2.xAxisLineStyleColor
               }
+            },
+            axisTick: {
+              show: props2.xAxisTickShow
             }
-          }
-        },
-        title: {
-          text: props2.titleText,
-          subText: props2.titleSubtext,
-          left: "center"
-        },
-        grid: {
-          top: props2.gridTop,
-          bottom: props2.gridBottom,
-          left: props2.gridLeft,
-          right: props2.gridRight,
-          containLabel: props2.gridContainLabel
-        },
-        color: props2.colors,
-        xAxis: {
-          type: "category",
-          data: vue.unref(dimensions),
-          splitLine: {
-            show: props2.xAxisSplitLineShow,
-            lineStyle: {
-              color: props2.xAxisSplitLineStyleColor
-            }
-          },
-          axisLabel: {
-            color: props2.xAxisLabelColor
           },
-          axisLine: {
-            lineStyle: {
-              color: props2.xAxisLineStyleColor
+          yAxis: {
+            type: "value",
+            splitLine: {
+              show: props2.yAxisSplitLineShow,
+              lineStyle: {
+                color: props2.yAxisSplitLineStyleColor
+              }
+            },
+            axisLabel: {
+              color: props2.yAxisLabelColor,
+              formatter(value) {
+                return useValueFormatter(yAxisLabelFormatter, value);
+              }
+            },
+            axisLine: {
+              lineStyle: {
+                color: props2.yAxisLineStyleColor
+              }
             }
           },
-          axisTick: {
-            show: props2.xAxisTickShow
-          }
-        },
-        yAxis: {
-          type: "value",
-          splitLine: {
-            show: props2.yAxisSplitLineShow,
-            lineStyle: {
-              color: props2.yAxisSplitLineStyleColor
-            }
+          tooltip: {
+            trigger: "axis"
           },
-          axisLabel: {
-            color: props2.yAxisLabelColor,
-            formatter(value) {
-              return useValueFormatter(props2.yAxisLabelFormatter, value);
-            }
+          legend: {
+            show: props2.legendShow,
+            orient: props2.legendOrient,
+            top: props2.legendTop,
+            left: props2.legendLeft
           },
-          axisLine: {
-            lineStyle: {
-              color: props2.yAxisLineStyleColor
-            }
-          }
-        },
-        tooltip: {
-          trigger: "axis"
-        },
-        legend: {
-          show: props2.legendShow,
-          orient: props2.legendOrient,
-          top: props2.legendTop,
-          left: props2.legendLeft
-        },
-        series: vue.unref(series)
-      }));
+          series: vue.unref(series)
+        };
+      });
       const { getGlobalModel, setGlobalModel } = vue.inject(GLOBAL_MODEL, {
         getGlobalModel: (key) => void 0,
         setGlobalModel: (key, value) => void 0
@@ -4650,6 +4687,7 @@
     top: "",
     left: "",
     rotate: "",
+    xAxisLabelFormatter: "{value}",
     yAxisLabelFormatter: "{value}",
     data: [
       {
@@ -4716,7 +4754,8 @@
     toolboxDownloadUrl: "",
     toolboxInfoText: "\u5F53\u524D\u65E0\u8BF4\u660E\u4FE1\u606F",
     isUseHorizontalAxis: false,
-    axisInverse: false
+    axisInverse: false,
+    isStack: false
   };
   const barComponentProps = transformToComponentProps(barProps);
   const barEvents = ["refreshData", "click"];
@@ -4751,135 +4790,147 @@
         const len = ds.length;
         const series2 = [];
         for (let i = 0; i < len; i++) {
-          series2.push({
+          const item = {
             ...ds[i],
             type: "bar",
             barWidth: props2.barWidth
-          });
+          };
+          if (props2.isStack) {
+            item.stack = "stack";
+            item.label = {
+              show: true
+            };
+          }
+          series2.push(item);
         }
         return series2;
       });
       const dimensions = vue.ref([]);
       const loading = vue.ref(false);
-      const option = vue.computed(() => ({
-        toolbox: {
-          show: props2.toolboxShow,
-          left: props2.toolboxLeft,
-          top: props2.toolboxTop,
-          itemSize: props2.toolboxItemSize,
-          itemGap: props2.toolboxItemGap,
-          feature: {
-            myDownload: {
-              show: true,
-              title: "\u6570\u636E\u4E0B\u8F7D",
-              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
-              onclick() {
-                useDownloadFile(props2.toolboxDownloadUrl);
-              }
-            },
-            myDataZoom: {
-              show: true,
-              title: "\u653E\u5927",
-              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
-              onclick() {
-                visible.value = true;
-              }
-            },
-            myInfo: {
-              show: true,
-              title: "\u8BF4\u660E\u4FE1\u606F",
-              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
-              onclick() {
-                antDesignVue.Modal.info({
-                  title: "\u8BF4\u660E\u4FE1\u606F",
-                  content: props2.toolboxInfoText
-                });
+      const option = vue.computed(() => {
+        const yAxisLabelFormatter = props2.yAxisLabelFormatter;
+        const xAxisLabelFormatter = props2.xAxisLabelFormatter;
+        return {
+          toolbox: {
+            show: props2.toolboxShow,
+            left: props2.toolboxLeft,
+            top: props2.toolboxTop,
+            itemSize: props2.toolboxItemSize,
+            itemGap: props2.toolboxItemGap,
+            feature: {
+              myDownload: {
+                show: true,
+                title: "\u6570\u636E\u4E0B\u8F7D",
+                icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+                onclick() {
+                  useDownloadFile(props2.toolboxDownloadUrl);
+                }
+              },
+              myDataZoom: {
+                show: true,
+                title: "\u653E\u5927",
+                icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+                onclick() {
+                  visible.value = true;
+                }
+              },
+              myInfo: {
+                show: true,
+                title: "\u8BF4\u660E\u4FE1\u606F",
+                icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+                onclick() {
+                  antDesignVue.Modal.info({
+                    title: "\u8BF4\u660E\u4FE1\u606F",
+                    content: props2.toolboxInfoText
+                  });
+                }
               }
             }
-          }
-        },
-        title: {
-          text: props2.titleText,
-          subtext: props2.titleSubtext,
-          left: "center"
-        },
-        grid: {
-          top: props2.gridTop,
-          bottom: props2.gridBottom,
-          left: props2.gridLeft,
-          right: props2.gridRight,
-          containLabel: props2.gridContainLabel
-        },
-        color: props2.colors,
-        tooltip: {
-          trigger: "axis",
-          show: props2.tooltipShow,
-          formatter: handleFormatter(props2.tooltipFormatter),
-          textStyle: {
-            color: props2.tooltipTextStyleColor
-          }
-        },
-        legend: {
-          show: props2.legendShow,
-          orient: props2.legendOrient,
-          top: props2.legendTop,
-          left: props2.legendLeft,
-          textStyle: {
-            color: props2.legendTextStyleColor
-          }
-        },
-        xAxis: {
-          type: props2.isUseHorizontalAxis ? "value" : "category",
-          data: props2.isUseHorizontalAxis ? null : vue.unref(dimensions),
-          inverse: props2.isUseHorizontalAxis ? false : props2.axisInverse,
-          splitLine: {
-            show: props2.xAxisSplitLineShow,
-            lineStyle: {
-              color: props2.xAxisSplitLineStyleColor
-            }
           },
-          axisLabel: {
-            color: props2.xAxisLabelColor,
-            interval: 0,
-            rotate: props2.xAxisLabelRotate,
-            width: props2.xAxisLabelWidth,
-            overflow: props2.xAxisLabelOverflow
+          title: {
+            text: props2.titleText,
+            subtext: props2.titleSubtext,
+            left: "center"
           },
-          axisLine: {
-            lineStyle: {
-              color: props2.xAxisLineStyleColor
+          grid: {
+            top: props2.gridTop,
+            bottom: props2.gridBottom,
+            left: props2.gridLeft,
+            right: props2.gridRight,
+            containLabel: props2.gridContainLabel
+          },
+          color: props2.colors,
+          tooltip: {
+            trigger: "axis",
+            show: props2.tooltipShow,
+            formatter: handleFormatter(props2.tooltipFormatter),
+            textStyle: {
+              color: props2.tooltipTextStyleColor
             }
           },
-          axisTick: {
-            show: props2.xAxisTickShow
-          }
-        },
-        yAxis: {
-          type: props2.isUseHorizontalAxis ? "category" : "value",
-          data: props2.isUseHorizontalAxis ? vue.unref(dimensions) : null,
-          inverse: props2.isUseHorizontalAxis ? props2.axisInverse : false,
-          splitLine: {
-            show: props2.yAxisSplitLineShow,
-            lineStyle: {
-              color: props2.yAxisSplitLineStyleColor
+          legend: {
+            show: props2.legendShow,
+            orient: props2.legendOrient,
+            top: props2.legendTop,
+            left: props2.legendLeft,
+            textStyle: {
+              color: props2.legendTextStyleColor
             }
           },
-          axisLabel: {
-            color: props2.yAxisLabelColor,
-            formatter(value) {
-              if (props2.isUseHorizontalAxis)
-                return value;
-              return useValueFormatter(props2.yAxisLabelFormatter, value);
+          xAxis: {
+            type: props2.isUseHorizontalAxis ? "value" : "category",
+            data: props2.isUseHorizontalAxis ? null : vue.unref(dimensions),
+            inverse: props2.isUseHorizontalAxis ? false : props2.axisInverse,
+            splitLine: {
+              show: props2.xAxisSplitLineShow,
+              lineStyle: {
+                color: props2.xAxisSplitLineStyleColor
+              }
+            },
+            axisLabel: {
+              color: props2.xAxisLabelColor,
+              interval: 0,
+              rotate: props2.xAxisLabelRotate,
+              width: props2.xAxisLabelWidth,
+              overflow: props2.xAxisLabelOverflow,
+              formatter(value) {
+                return useValueFormatter(xAxisLabelFormatter, value);
+              }
+            },
+            axisLine: {
+              lineStyle: {
+                color: props2.xAxisLineStyleColor
+              }
+            },
+            axisTick: {
+              show: props2.xAxisTickShow
             }
           },
-          axisLine: {
-            lineStyle: {
-              color: props2.yAxisLineStyleColor
+          yAxis: {
+            type: props2.isUseHorizontalAxis ? "category" : "value",
+            data: props2.isUseHorizontalAxis ? vue.unref(dimensions) : null,
+            inverse: props2.isUseHorizontalAxis ? props2.axisInverse : false,
+            splitLine: {
+              show: props2.yAxisSplitLineShow,
+              lineStyle: {
+                color: props2.yAxisSplitLineStyleColor
+              }
+            },
+            axisLabel: {
+              color: props2.yAxisLabelColor,
+              formatter(value) {
+                return useValueFormatter(yAxisLabelFormatter, value);
+              }
+            },
+            axisLine: {
+              lineStyle: {
+                color: props2.yAxisLineStyleColor
+              }
             }
-          }
-        },
-        series: vue.unref(series)
-      }));
+          },
+          series: vue.unref(series)
+        };
+      });
       const { pageMode } = vue.inject(GLOBAL_CONFIG, {
         pageMode: "normal"
       });
@@ -5068,6 +5119,7 @@
     xAxisLabelColor: "#333",
     xAxisLineStyleColor: "#333",
     xAxisTickShow: true,
+    xAxisLabelFormatter: "{value}",
     yAxisSplitLineShow: true,
     yAxisSplitLineStyleColor: "#333",
     yAxisLabelColor: "#333",
@@ -5118,120 +5170,127 @@
       const hideModal = () => {
         visible.value = false;
       };
-      const option = vue.computed(() => ({
-        toolbox: {
-          show: props2.toolboxShow,
-          left: props2.toolboxLeft,
-          top: props2.toolboxTop,
-          itemSize: props2.toolboxItemSize,
-          itemGap: props2.toolboxItemGap,
-          feature: {
-            myDownload: {
-              show: true,
-              title: "\u6570\u636E\u4E0B\u8F7D",
-              icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
-              onclick() {
-                useDownloadFile(props2.toolboxDownloadUrl);
+      const option = vue.computed(() => {
+        const xAxisLabelFormatter = props2.xAxisLabelFormatter;
+        const yAxisLabelFormatter = props2.yAxisLabelFormatter;
+        return {
+          toolbox: {
+            show: props2.toolboxShow,
+            left: props2.toolboxLeft,
+            top: props2.toolboxTop,
+            itemSize: props2.toolboxItemSize,
+            itemGap: props2.toolboxItemGap,
+            feature: {
+              myDownload: {
+                show: true,
+                title: "\u6570\u636E\u4E0B\u8F7D",
+                icon: "path://M502.010485 765.939573c3.773953 3.719718 8.686846 5.573949 13.596669 5.573949 0.075725 0 0.151449-0.010233 0.227174-0.011256 0.329505 0.016373 0.654916 0.050142 0.988514 0.050142 0.706081 0 1.400906-0.042979 2.087545-0.116657 4.352121-0.366344 8.607028-2.190899 11.961426-5.496178l335.053985-330.166675c7.619538-7.509021 7.709589-19.773346 0.200568-27.393907s-19.774369-7.711636-27.39493-0.201591L536.193005 706.304358 536.193005 50.019207c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 657.032164-306.881342-302.44838c-7.618515-7.509021-19.883863-7.419993-27.393907 0.199545-7.509021 7.619538-7.419993 19.884886 0.199545 27.393907L502.010485 765.939573z,             M867.170139 711.020776c-10.698666 0-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 13.054317-10.620895 23.675212-23.676236 23.675212L205.182103 919.486668c-13.054317 0-23.676236-10.620895-23.676236-23.675212L181.505867 730.391962c0-10.698666-8.67252-19.371186-19.371186-19.371186s-19.371186 8.67252-19.371186 19.371186l0 165.419494c0 34.416857 28.000728 62.416562 62.417585 62.416562l618.941638 0c34.417881 0 62.417585-27.999704 62.417585-62.416562L886.540302 730.391962C886.541325 719.693296 877.868805 711.020776 867.170139 711.020776z",
+                onclick() {
+                  useDownloadFile(props2.toolboxDownloadUrl);
+                }
+              },
+              myDataZoom: {
+                show: true,
+                title: "\u653E\u5927",
+                icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
+                onclick() {
+                  visible.value = true;
+                }
+              },
+              myInfo: {
+                show: true,
+                title: "\u8BF4\u660E\u4FE1\u606F",
+                icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
+                onclick() {
+                  antDesignVue.Modal.info({
+                    title: "\u8BF4\u660E\u4FE1\u606F",
+                    content: props2.toolboxInfoText
+                  });
+                }
+              }
+            }
+          },
+          title: {
+            text: props2.titleText,
+            subtext: props2.titleSubtext,
+            left: "center"
+          },
+          grid: {
+            top: props2.gridTop,
+            bottom: props2.gridBottom,
+            left: props2.gridLeft,
+            right: props2.gridRight,
+            containLabel: props2.gridContainLabel
+          },
+          color: props2.colors,
+          xAxis: {
+            splitLine: {
+              show: props2.xAxisSplitLineShow,
+              lineStyle: {
+                color: props2.xAxisSplitLineStyleColor
               }
             },
-            myDataZoom: {
-              show: true,
-              title: "\u653E\u5927",
-              icon: "path://M932.42 902.246667L792 761.793333A403.84 403.84 0 0 0 896 490.666667c0-223.86-181.473333-405.333333-405.333333-405.333334S85.333333 266.806667 85.333333 490.666667s181.473333 405.333333 405.333334 405.333333a403.84 403.84 0 0 0 271.126666-104l140.453334 140.453333a21.333333 21.333333 0 0 0 30.173333-30.173333zM128 490.666667c0-200.293333 162.373333-362.666667 362.666667-362.666667s362.666667 162.373333 362.666666 362.666667-162.373333 362.666667-362.666666 362.666666-362.666667-162.373333-362.666667-362.666666z m512 0a21.333333 21.333333 0 0 1-21.333333 21.333333H512v106.666667a21.333333 21.333333 0 0 1-42.666667 0V512H362.666667a21.333333 21.333333 0 0 1 0-42.666667h106.666666V362.666667a21.333333 21.333333 0 0 1 42.666667 0v106.666666h106.666667a21.333333 21.333333 0 0 1 21.333333 21.333334z",
-              onclick() {
-                visible.value = true;
+            axisLabel: {
+              color: props2.xAxisLabelColor,
+              formatter(value) {
+                return useValueFormatter(xAxisLabelFormatter, value);
               }
             },
-            myInfo: {
-              show: true,
-              title: "\u8BF4\u660E\u4FE1\u606F",
-              icon: "path://M512.50142 958.397886c-119.320573 0-231.499491-46.465265-315.871087-130.837884C112.258737 743.188406 65.792449 631.010511 65.792449 511.688915c0-119.319549 46.466288-231.499491 130.837884-315.871087C281.002952 111.445208 393.180847 64.979944 512.50142 64.979944s231.499491 46.465265 315.871087 130.837884c84.372619 84.372619 130.837884 196.551538 130.837884 315.871087 0 119.321596-46.465265 231.499491-130.837884 315.871087C744.000911 911.932622 631.821993 958.397886 512.50142 958.397886zM512.50142 105.962334c-223.718271 0-405.726581 182.00831-405.726581 405.726581s182.00831 405.726581 405.726581 405.726581c223.718271 0 405.727605-182.00831 405.727605-405.726581S736.220714 105.962334 512.50142 105.962334z M510.150886 775.953647c-18.107403 0-32.745798-14.678304-32.745798-32.785707L477.405087 452.191846c0-18.108426 14.638395-32.785707 32.745798-32.785707 18.107403 0 32.745798 14.678304 32.745798 32.785707l0 290.976094C542.896684 761.275343 528.258289 775.953647 510.150886 775.953647z M511.357364 296.458969m-45.080731 0a44.054 44.054 0 1 0 90.161463 0 44.054 44.054 0 1 0-90.161463 0Z",
-              onclick() {
-                antDesignVue.Modal.info({
-                  title: "\u8BF4\u660E\u4FE1\u606F",
-                  content: props2.toolboxInfoText
-                });
+            axisLine: {
+              lineStyle: {
+                color: props2.xAxisLineStyleColor
               }
+            },
+            axisTick: {
+              show: props2.xAxisTickShow
             }
-          }
-        },
-        title: {
-          text: props2.titleText,
-          subtext: props2.titleSubtext,
-          left: "center"
-        },
-        grid: {
-          top: props2.gridTop,
-          bottom: props2.gridBottom,
-          left: props2.gridLeft,
-          right: props2.gridRight,
-          containLabel: props2.gridContainLabel
-        },
-        color: props2.colors,
-        xAxis: {
-          splitLine: {
-            show: props2.xAxisSplitLineShow,
-            lineStyle: {
-              color: props2.xAxisSplitLineStyleColor
-            }
-          },
-          axisLabel: {
-            color: props2.xAxisLabelColor
           },
-          axisLine: {
-            lineStyle: {
-              color: props2.xAxisLineStyleColor
+          yAxis: {
+            splitLine: {
+              show: props2.yAxisSplitLineShow,
+              lineStyle: {
+                color: props2.yAxisSplitLineStyleColor
+              }
+            },
+            axisLabel: {
+              color: props2.yAxisLabelColor,
+              formatter(value) {
+                return useValueFormatter(yAxisLabelFormatter, value);
+              }
+            },
+            axisLine: {
+              lineStyle: {
+                color: props2.yAxisLineStyleColor
+              }
             }
           },
-          axisTick: {
-            show: props2.xAxisTickShow
-          }
-        },
-        yAxis: {
-          splitLine: {
-            show: props2.yAxisSplitLineShow,
-            lineStyle: {
-              color: props2.yAxisSplitLineStyleColor
+          tooltip: {
+            show: props2.tooltipShow,
+            trigger: props2.tooltipTrigger,
+            formatter: function(params) {
+              var _a2, _b2;
+              const record = (_b2 = (_a2 = params == null ? void 0 : params.data) == null ? void 0 : _a2.record) != null ? _b2 : {};
+              return useVariablesInText(props2.tooltipFormatter, record);
+            },
+            axisPointer: {
+              type: "cross"
             }
           },
-          axisLabel: {
-            color: props2.yAxisLabelColor,
-            formatter(value) {
-              return useValueFormatter(props2.yAxisLabelFormatter, value);
-            }
+          legend: {
+            show: props2.legendShow,
+            orient: props2.legendOrient,
+            top: props2.legendTop,
+            left: props2.legendLeft
           },
-          axisLine: {
-            lineStyle: {
-              color: props2.yAxisLineStyleColor
+          series: [
+            {
+              data: vue.unref(dataset),
+              type: "scatter",
+              symbolSize: props2.symbolSize
             }
-          }
-        },
-        tooltip: {
-          show: props2.tooltipShow,
-          trigger: props2.tooltipTrigger,
-          formatter: function(params) {
-            var _a2, _b2;
-            const record = (_b2 = (_a2 = params == null ? void 0 : params.data) == null ? void 0 : _a2.record) != null ? _b2 : {};
-            return useVariablesInText(props2.tooltipFormatter, record);
-          },
-          axisPointer: {
-            type: "cross"
-          }
-        },
-        legend: {
-          show: props2.legendShow,
-          orient: props2.legendOrient,
-          top: props2.legendTop,
-          left: props2.legendLeft
-        },
-        series: [
-          {
-            data: vue.unref(dataset),
-            type: "scatter",
-            symbolSize: props2.symbolSize
-          }
-        ]
-      }));
+          ]
+        };
+      });
       const { getGlobalModel, setGlobalModel } = vue.inject(GLOBAL_MODEL, {
         getGlobalModel: (key) => void 0,
         setGlobalModel: (key, value) => void 0