@ecan-bi/datav 1.0.83 → 1.0.84

package/dist/index.es.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.0.83 */
+/*! @ecan-bi/datav@1.0.84 */
 var _a, _b, _c;
 import { watch, inject, computed, unref, watchEffect, defineComponent, shallowRef, toRefs, onMounted, onUnmounted, h, nextTick, createVNode, resolveComponent, openBlock, createElementBlock, createBlock, renderSlot, withCtx, ref, normalizeStyle, createCommentVNode, provide, toDisplayString, Fragment, renderList, createElementVNode, normalizeClass, pushScopeId, popScopeId, createSlots, resolveDynamicComponent, mergeProps, withModifiers, withDirectives, vShow } from "vue";
 import { throttle, init, use, registerMap } from "echarts/core";
@@ -4300,6 +4300,7 @@ const lineProps = {
   xAxisLabelColor: "#333",
   xAxisLineStyleColor: "#333",
   xAxisTickShow: true,
+  xAxisLabelFormatter: "{value}",
   yAxisSplitLineShow: true,
   yAxisSplitLineStyleColor: "#333",
   yAxisLabelColor: "#333",
@@ -4353,108 +4354,115 @@ const _sfc_main$a = defineComponent({
     const hideModal = () => {
       visible.value = false;
     };
-    const option = 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 = 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() {
+                Modal$1.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: 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() {
-              Modal$1.info({
-                title: "\u8BF4\u660E\u4FE1\u606F",
-                content: props2.toolboxInfoText
-              });
+          axisLine: {
+            lineStyle: {
+              color: props2.xAxisLineStyleColor
             }
-          }
-        }
-      },
-      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: unref(dimensions),
-        splitLine: {
-          show: props2.xAxisSplitLineShow,
-          lineStyle: {
-            color: props2.xAxisSplitLineStyleColor
+          },
+          axisTick: {
+            show: props2.xAxisTickShow
           }
         },
-        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: unref(series)
-    }));
+        series: unref(series)
+      };
+    });
     const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {
       getGlobalModel: (key) => void 0,
       setGlobalModel: (key, value) => void 0
@@ -4645,6 +4653,7 @@ const barProps = {
   top: "",
   left: "",
   rotate: "",
+  xAxisLabelFormatter: "{value}",
   yAxisLabelFormatter: "{value}",
   data: [
     {
@@ -4711,7 +4720,8 @@ const barProps = {
   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"];
@@ -4746,135 +4756,147 @@ const _sfc_main$9 = defineComponent({
       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 = ref([]);
     const loading = ref(false);
-    const option = 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() {
-              Modal$1.info({
-                title: "\u8BF4\u660E\u4FE1\u606F",
-                content: props2.toolboxInfoText
-              });
+    const option = 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() {
+                Modal$1.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 : 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 ? 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 : 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 ? 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: unref(series)
-    }));
+        },
+        series: unref(series)
+      };
+    });
     const { pageMode } = inject(GLOBAL_CONFIG, {
       pageMode: "normal"
     });
@@ -5063,6 +5085,7 @@ const scatterProps = {
   xAxisLabelColor: "#333",
   xAxisLineStyleColor: "#333",
   xAxisTickShow: true,
+  xAxisLabelFormatter: "{value}",
   yAxisSplitLineShow: true,
   yAxisSplitLineStyleColor: "#333",
   yAxisLabelColor: "#333",
@@ -5113,120 +5136,127 @@ const _sfc_main$8 = defineComponent({
     const hideModal = () => {
       visible.value = false;
     };
-    const option = 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 = 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() {
+                Modal$1.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() {
-              Modal$1.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: 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: unref(dataset),
-          type: "scatter",
-          symbolSize: props2.symbolSize
-        }
-      ]
-    }));
+        ]
+      };
+    });
     const { getGlobalModel, setGlobalModel } = inject(GLOBAL_MODEL, {
       getGlobalModel: (key) => void 0,
       setGlobalModel: (key, value) => void 0