@platox/pivot-table 0.0.42 → 0.0.43

package/es/dashboard-workbench/components/module-content/chart-module/index.js

@@ -3,6 +3,7 @@ import React, { useMemo, useState, useRef, useEffect } from "react";
 import { message, Spin } from "antd";
 import { useMemoizedFn, useDebounceEffect, useSize } from "ahooks";
 import { t } from "i18next";
+import { groupBy, isNumber } from "lodash-es";
 import { useAppContext } from "../../../context.js";
 import { getTransformValue } from "../../../utils/index.js";
 import { ChartType } from "../../add-module-modal/add-chart-modal/interface.js";
@@ -87,6 +88,8 @@ const ChartModule = ({
     [
       customData == null ? void 0 : customData.dataSourceId,
       customData == null ? void 0 : customData.conditionData,
+      customData == null ? void 0 : customData.sortField,
+      customData == null ? void 0 : customData.sortOrder,
       customData == null ? void 0 : customData.xAxis,
       customData == null ? void 0 : customData.yAxis,
       customData == null ? void 0 : customData.yAxisField,
@@ -103,334 +106,360 @@ const ChartModule = ({
     return ret;
   }, [globalData, customData == null ? void 0 : customData.dataSourceId]);
   const chartOptions = useMemo(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     if (customData && chartData && customData.type && chartData.length > 0) {
-      const getFieldVal = ({
-        item,
-        field,
-        timeGroupInterval
-      }) => {
-        return getTransformValue({
-          fieldOptions,
-          val: item[field],
+      const getChartOptions = (_chartData) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+        const getFieldVal = ({
+          item,
           field,
-          fieldMap: globalData == null ? void 0 : globalData.fieldMap,
           timeGroupInterval
+        }) => {
+          return getTransformValue({
+            fieldOptions,
+            val: item[field],
+            field,
+            fieldMap: globalData == null ? void 0 : globalData.fieldMap,
+            timeGroupInterval
+          });
+        };
+        const getFieldLabel = (field) => {
+          const fieldData = fieldOptions == null ? void 0 : fieldOptions.find((item) => item.value === field);
+          return fieldData == null ? void 0 : fieldData.label;
+        };
+        const isTimeField = (fieldName) => {
+          var _a2;
+          return ((_a2 = fieldOptions == null ? void 0 : fieldOptions.find((item) => item.value === fieldName)) == null ? void 0 : _a2.type) === "timestamp";
+        };
+        const mapping = {
+          tags: "tag"
+          //后端数据名不一致
+        };
+        const newXAxisField = mapping[customData == null ? void 0 : customData.xAxis] ?? (customData == null ? void 0 : customData.xAxis);
+        const newGroupField = mapping[customData == null ? void 0 : customData.groupField] ?? (customData == null ? void 0 : customData.groupField);
+        let groupData = groupBy(_chartData, (item) => {
+          const category = getFieldVal({
+            item,
+            field: newXAxisField,
+            timeGroupInterval: customData == null ? void 0 : customData.timeGroupInterval
+          });
+          return category;
         });
-      };
-      const getFieldLabel = (field) => {
-        const fieldData = fieldOptions == null ? void 0 : fieldOptions.find((item) => item.value === field);
-        return fieldData == null ? void 0 : fieldData.label;
-      };
-      const isTimeField = (fieldName) => {
-        var _a2;
-        return ((_a2 = fieldOptions == null ? void 0 : fieldOptions.find((item) => item.value === fieldName)) == null ? void 0 : _a2.type) === "timestamp";
-      };
-      const mapping = {
-        tags: "tag"
-        //后端数据名不一致
-      };
-      const newXAxisField = mapping[customData == null ? void 0 : customData.xAxis] ?? (customData == null ? void 0 : customData.xAxis);
-      const newGroupField = mapping[customData == null ? void 0 : customData.groupField] ?? (customData == null ? void 0 : customData.groupField);
-      const categories = /* @__PURE__ */ new Set();
-      const stackCategories = /* @__PURE__ */ new Set();
-      const valueGroups = {};
-      const valueCounts = {};
-      chartData.forEach((item) => {
-        const category = getFieldVal({
-          item,
-          field: newXAxisField,
-          timeGroupInterval: customData == null ? void 0 : customData.timeGroupInterval
+        let chartData2 = Object.keys(groupData).map((key) => {
+          let groupList = groupData[key];
+          let mergeObj = groupList.reduce((acc, item) => {
+            Object.keys(item).forEach((k) => {
+              let value = item[k];
+              if (isNumber(value)) {
+                acc[k] = (acc == null ? void 0 : acc[k]) ? acc[k] + value : value;
+              } else {
+                acc[k] = value;
+              }
+            });
+            return acc;
+          }, {});
+          return mergeObj;
         });
-        const val = customData.yAxis === "recordTotal" ? item == null ? void 0 : item.count : item[customData == null ? void 0 : customData.yAxisFieldType] || 0;
-        const key = category ?? t("unknown");
-        valueCounts[key] = val;
-        if ((customData == null ? void 0 : customData.isGroup) && (customData == null ? void 0 : customData.groupField)) {
-          const stackCategory = getFieldVal({
+        const categories = /* @__PURE__ */ new Set();
+        const stackCategories = /* @__PURE__ */ new Set();
+        const valueGroups = {};
+        const valueCounts = {};
+        chartData2.forEach((item) => {
+          const category = getFieldVal({
             item,
-            field: newGroupField
+            field: newXAxisField,
+            timeGroupInterval: customData == null ? void 0 : customData.timeGroupInterval
           });
-          const key2 = category ?? t("unknown");
-          stackCategories.add(stackCategory);
-          if (!valueGroups[stackCategory]) {
-            valueGroups[stackCategory] = {};
+          const val = customData.yAxis === "recordTotal" ? item == null ? void 0 : item.count : item[customData == null ? void 0 : customData.yAxisFieldType] || 0;
+          const key = category ?? t("unknown");
+          valueCounts[key] = val;
+          if ((customData == null ? void 0 : customData.isGroup) && (customData == null ? void 0 : customData.groupField)) {
+            const stackCategory = getFieldVal({
+              item,
+              field: newGroupField
+            });
+            const key2 = category ?? t("unknown");
+            stackCategories.add(stackCategory);
+            if (!valueGroups[stackCategory]) {
+              valueGroups[stackCategory] = {};
+            }
+            valueGroups[stackCategory][key2] = val;
           }
-          valueGroups[stackCategory][key2] = val;
-        }
-      });
-      const valuePercentages = {};
-      const valueGroupPercentages = {};
-      if ((customData == null ? void 0 : customData.isGroup) && (customData == null ? void 0 : customData.groupField)) {
-        const totalPerCategory = {};
-        Object.keys(valueGroups).forEach((stackCategory) => {
-          Object.entries(valueGroups[stackCategory]).forEach(([key, val]) => {
-            totalPerCategory[key] = (totalPerCategory[key] || 0) + val;
-          });
-        });
-        Object.keys(valueGroups).forEach((stackCategory) => {
-          valueGroupPercentages[stackCategory] = {};
-          Object.entries(valueGroups[stackCategory]).forEach(([key, val]) => {
-            const total = totalPerCategory[key] || 1;
-            valueGroupPercentages[stackCategory][key] = val / total * 100;
-          });
-        });
-      } else {
-        Object.entries(valueCounts).forEach(([key, val]) => {
-          const total = val || 1;
-          valuePercentages[key] = val / total * 100;
         });
-      }
-      let sortField = (customData == null ? void 0 : customData.sortField) ?? "xAxis";
-      let sortOrder = (customData == null ? void 0 : customData.sortOrder) ?? "asc";
-      const sortedChartData = [...chartData].sort((a, b) => {
-        let valA, valB;
-        switch (sortField) {
-          case "xAxis":
-            valA = getFieldVal({
-              item: a,
-              field: newXAxisField,
-              timeGroupInterval: customData == null ? void 0 : customData.timeGroupInterval
+        const valuePercentages = {};
+        const valueGroupPercentages = {};
+        if ((customData == null ? void 0 : customData.isGroup) && (customData == null ? void 0 : customData.groupField)) {
+          const totalPerCategory = {};
+          Object.keys(valueGroups).forEach((stackCategory) => {
+            Object.entries(valueGroups[stackCategory]).forEach(([key, val]) => {
+              totalPerCategory[key] = (totalPerCategory[key] || 0) + val;
             });
-            valB = getFieldVal({
-              item: b,
-              field: newXAxisField,
-              timeGroupInterval: customData == null ? void 0 : customData.timeGroupInterval
+          });
+          Object.keys(valueGroups).forEach((stackCategory) => {
+            valueGroupPercentages[stackCategory] = {};
+            Object.entries(valueGroups[stackCategory]).forEach(([key, val]) => {
+              const total = totalPerCategory[key] || 1;
+              valueGroupPercentages[stackCategory][key] = val / total * 100;
             });
-            break;
-          case "yAxisField":
-            valA = customData.yAxis === "recordTotal" ? a == null ? void 0 : a.count : a[customData == null ? void 0 : customData.yAxisFieldType] || 0;
-            valB = customData.yAxis === "recordTotal" ? b == null ? void 0 : b.count : b[customData == null ? void 0 : customData.yAxisFieldType] || 0;
-            break;
+          });
+        } else {
+          Object.entries(valueCounts).forEach(([key, val]) => {
+            const total = val || 1;
+            valuePercentages[key] = val / total * 100;
+          });
         }
-        const orderMultiplier = sortOrder === "asc" ? 1 : -1;
-        if (valA > valB) return 1 * orderMultiplier;
-        if (valA < valB) return -1 * orderMultiplier;
-        return 0;
-      });
-      const sortedCategories = sortedChartData.map(
-        (item) => getFieldVal({
-          item,
-          field: newXAxisField,
-          timeGroupInterval: customData == null ? void 0 : customData.timeGroupInterval
-        })
-      );
-      categories.clear();
-      sortedCategories.forEach((cat) => categories.add(cat));
-      if (!isTimeField(customData == null ? void 0 : customData.xAxis) && customData.displayRange !== "ALL" && !!customData.displayRange) {
-        let sortedByCountCategories = Array.from(categories).sort((a, b) => {
-          return valueCounts[b] - valueCounts[a];
+        let sortField = (customData == null ? void 0 : customData.sortField) ?? "xAxis";
+        let sortOrder = (customData == null ? void 0 : customData.sortOrder) ?? "asc";
+        const sortedChartData = [...chartData2].sort((a, b) => {
+          let valA, valB;
+          switch (sortField) {
+            case "xAxis":
+              valA = getFieldVal({
+                item: a,
+                field: newXAxisField,
+                timeGroupInterval: customData == null ? void 0 : customData.timeGroupInterval
+              });
+              valB = getFieldVal({
+                item: b,
+                field: newXAxisField,
+                timeGroupInterval: customData == null ? void 0 : customData.timeGroupInterval
+              });
+              break;
+            case "yAxisField":
+              valA = customData.yAxis === "recordTotal" ? a == null ? void 0 : a.count : a[customData == null ? void 0 : customData.yAxisFieldType] || 0;
+              valB = customData.yAxis === "recordTotal" ? b == null ? void 0 : b.count : b[customData == null ? void 0 : customData.yAxisFieldType] || 0;
+              break;
+          }
+          const orderMultiplier = sortOrder === "asc" ? 1 : -1;
+          if (valA > valB) return 1 * orderMultiplier;
+          if (valA < valB) return -1 * orderMultiplier;
+          return 0;
         });
-        let ableCategories = [];
-        let [pos, count] = customData.displayRange.split("_");
-        if (pos === "TOP") {
-          ableCategories = sortedByCountCategories.slice(0, Number(count));
-        } else {
-          ableCategories = sortedByCountCategories.slice(-Number(count));
+        const sortedCategories = sortedChartData.map(
+          (item) => getFieldVal({
+            item,
+            field: newXAxisField,
+            timeGroupInterval: customData == null ? void 0 : customData.timeGroupInterval
+          })
+        );
+        categories.clear();
+        sortedCategories.forEach((cat) => categories.add(cat));
+        if (!isTimeField(customData == null ? void 0 : customData.xAxis) && customData.displayRange !== "ALL" && !!customData.displayRange) {
+          let sortedByCountCategories = Array.from(categories).sort((a, b) => {
+            return valueCounts[b] - valueCounts[a];
+          });
+          let ableCategories = [];
+          let [pos, count] = customData.displayRange.split("_");
+          if (pos === "TOP") {
+            ableCategories = sortedByCountCategories.slice(0, Number(count));
+          } else {
+            ableCategories = sortedByCountCategories.slice(-Number(count));
+          }
+          Array.from(categories).forEach((item) => {
+            if (!ableCategories.includes(item)) {
+              categories.delete(item);
+            }
+            return item;
+          });
         }
-        Array.from(categories).forEach((item) => {
-          if (!ableCategories.includes(item)) {
-            categories.delete(item);
+        const formatter = (data) => {
+          if ((customData == null ? void 0 : customData.isGroup) && (customData == null ? void 0 : customData.groupField)) {
+            return (data == null ? void 0 : data.value) == 0 ? "" : `${data == null ? void 0 : data.value}`;
+          } else {
+            return `${data == null ? void 0 : data.value}`;
           }
-          return item;
+        };
+        const label = {
+          show: (_a = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _a.includes("label"),
+          position: "top",
+          formatter
+        };
+        const labels = Array.from(categories);
+        const stackLabels = Array.from(stackCategories);
+        const series = [];
+        const chartConfig = getChartConfig({
+          type: customData == null ? void 0 : customData.type,
+          categories: labels
         });
-      }
-      const formatter = (data) => {
         if ((customData == null ? void 0 : customData.isGroup) && (customData == null ? void 0 : customData.groupField)) {
-          return (data == null ? void 0 : data.value) == 0 ? "" : `${data == null ? void 0 : data.value}`;
+          stackLabels.forEach((stackCategory) => {
+            var _a2, _b2;
+            const data = ["chart-bar-percentage", "chart-strip-bar-percentage"].includes(
+              customData.type
+            ) ? labels.map((label2) => {
+              var _a3;
+              return ((_a3 = valueGroupPercentages[stackCategory][label2]) == null ? void 0 : _a3.toFixed(2)) || 0;
+            }) : labels.map((label2) => valueGroups[stackCategory][label2] || 0);
+            let type = customData.type;
+            let yAxisPos = "left";
+            if (type == ChartType["chartCombination"]) {
+              let matchCombinationChartConfig = ((customData == null ? void 0 : customData.groupFieldConfig) ?? []).find(
+                (item) => getFieldVal({
+                  item: {
+                    [newGroupField]: item == null ? void 0 : item.value
+                  },
+                  field: newGroupField
+                }) == stackCategory
+              );
+              type = ((_a2 = matchCombinationChartConfig == null ? void 0 : matchCombinationChartConfig.config) == null ? void 0 : _a2.chartType) ?? ChartType["ChartBar"];
+              yAxisPos = ((_b2 = matchCombinationChartConfig == null ? void 0 : matchCombinationChartConfig.config) == null ? void 0 : _b2.yAxisPos) ?? "left";
+            }
+            let seriesItem = getSerie({
+              type,
+              data,
+              label,
+              name: stackCategory,
+              isGroup: customData == null ? void 0 : customData.isGroup,
+              groupField: customData == null ? void 0 : customData.groupField,
+              labels
+            });
+            seriesItem.yAxisIndex = yAxisPos == "left" ? 0 : 1;
+            series.push(seriesItem);
+          });
         } else {
-          return `${data == null ? void 0 : data.value}`;
-        }
-      };
-      const label = {
-        show: (_a = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _a.includes("label"),
-        position: "top",
-        formatter
-      };
-      const labels = Array.from(categories);
-      const stackLabels = Array.from(stackCategories);
-      const series = [];
-      const chartConfig = getChartConfig({
-        type: customData == null ? void 0 : customData.type,
-        categories: labels
-      });
-      if ((customData == null ? void 0 : customData.isGroup) && (customData == null ? void 0 : customData.groupField)) {
-        stackLabels.forEach((stackCategory) => {
-          var _a2, _b2;
           const data = ["chart-bar-percentage", "chart-strip-bar-percentage"].includes(
             customData.type
           ) ? labels.map((label2) => {
-            var _a3;
-            return ((_a3 = valueGroupPercentages[stackCategory][label2]) == null ? void 0 : _a3.toFixed(2)) || 0;
-          }) : labels.map((label2) => valueGroups[stackCategory][label2] || 0);
+            var _a2;
+            return ((_a2 = valuePercentages[label2]) == null ? void 0 : _a2.toFixed(2)) || 0;
+          }) : labels.map((label2) => valueCounts[label2] || 0);
           let type = customData.type;
           let yAxisPos = "left";
           if (type == ChartType["chartCombination"]) {
-            let matchCombinationChartConfig = ((customData == null ? void 0 : customData.groupFieldConfig) ?? []).find(
-              (item) => getFieldVal({
-                item: {
-                  [newGroupField]: item == null ? void 0 : item.value
-                },
-                field: newGroupField
-              }) == stackCategory
-            );
-            type = ((_a2 = matchCombinationChartConfig == null ? void 0 : matchCombinationChartConfig.config) == null ? void 0 : _a2.chartType) ?? ChartType["ChartBar"];
-            yAxisPos = ((_b2 = matchCombinationChartConfig == null ? void 0 : matchCombinationChartConfig.config) == null ? void 0 : _b2.yAxisPos) ?? "left";
+            type = ((_b = customData == null ? void 0 : customData.yAxisFieldConfig) == null ? void 0 : _b.chartType) ?? ChartType["ChartBar"];
+          } else {
+            yAxisPos = ((_c = customData == null ? void 0 : customData.yAxisFieldConfig) == null ? void 0 : _c.yAxisPos) ?? "left";
           }
           let seriesItem = getSerie({
-            type,
+            type: customData.type,
             data,
             label,
-            name: stackCategory,
+            name: customData.yAxis === "recordTotal" ? t("pb.statisticsText") : getFieldLabel(customData == null ? void 0 : customData.yAxisField),
             isGroup: customData == null ? void 0 : customData.isGroup,
             groupField: customData == null ? void 0 : customData.groupField,
             labels
           });
           seriesItem.yAxisIndex = yAxisPos == "left" ? 0 : 1;
           series.push(seriesItem);
-        });
-      } else {
-        const data = ["chart-bar-percentage", "chart-strip-bar-percentage"].includes(
-          customData.type
-        ) ? labels.map((label2) => {
-          var _a2;
-          return ((_a2 = valuePercentages[label2]) == null ? void 0 : _a2.toFixed(2)) || 0;
-        }) : labels.map((label2) => valueCounts[label2] || 0);
-        let type = customData.type;
-        let yAxisPos = "left";
-        if (type == ChartType["chartCombination"]) {
-          type = ((_b = customData == null ? void 0 : customData.yAxisFieldConfig) == null ? void 0 : _b.chartType) ?? ChartType["ChartBar"];
-        } else {
-          yAxisPos = ((_c = customData == null ? void 0 : customData.yAxisFieldConfig) == null ? void 0 : _c.yAxisPos) ?? "left";
         }
-        let seriesItem = getSerie({
-          type: customData.type,
-          data,
-          label,
-          name: customData.yAxis === "recordTotal" ? t("pb.statisticsText") : getFieldLabel(customData == null ? void 0 : customData.yAxisField),
-          isGroup: customData == null ? void 0 : customData.isGroup,
-          groupField: customData == null ? void 0 : customData.groupField,
-          labels
-        });
-        seriesItem.yAxisIndex = yAxisPos == "left" ? 0 : 1;
-        series.push(seriesItem);
-      }
-      const grids = getGrid({ series, chartConfig, width, customeStyle });
-      const isShowLegend = (_d = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _d.includes("legend");
-      let isLeftYAxisShow = series.some((item) => (item == null ? void 0 : item.yAxisIndex) == 0);
-      let isRightYAxisShow = series.some((item) => (item == null ? void 0 : item.yAxisIndex) == 1);
-      let yAxisConfig = {
-        ...chartConfig.yAxis,
-        axisTick: {
-          show: (_e = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _e.includes("axis")
-        },
-        axisLine: {
-          show: (_f = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _f.includes("axis")
-        },
-        axisLabel: {
-          show: (_g = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _g.includes("label"),
-          formatter: (value) => {
-            return value.length > 15 ? `${value.slice(0, 15)}...` : value;
-          },
-          hideOverlap: true,
-          ...(_h = chartConfig.yAxis) == null ? void 0 : _h.axisLabel
-        },
-        splitLine: {
-          show: (_i = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _i.includes("splitLine")
-          // 不显示x轴网格线
-        }
-      };
-      const options = {
-        legend: {
-          type: "scroll",
-          left: "center",
-          right: "center",
-          top: "0",
-          show: isShowLegend,
-          itemWidth: 12,
-          itemHeight: 12,
-          data: (series == null ? void 0 : series.map((item) => (item == null ? void 0 : item.name) || "")) || []
-        },
-        grid: {
-          top: grids.top,
-          left: grids.left,
-          right: grids.right,
-          bottom: grids.bottom
-        },
-        graphic: {
-          elements: [
-            {
-              type: "text",
-              left: "center",
-              bottom: "10px",
-              style: {
-                text: (customeStyle == null ? void 0 : customeStyle.xtitle) || "",
-                fill: "#333",
-                // 文本颜色
-                fontSize: 12,
-                fontWeight: "bold"
-              }
-            },
-            {
-              type: "text",
-              left: "10px",
-              top: "center",
-              style: {
-                text: (customeStyle == null ? void 0 : customeStyle.ytitle) || "",
-                fill: "#333",
-                // 文本颜色
-                fontSize: 12,
-                fontWeight: "bold"
-              },
-              rotation: Math.PI / 2
-            }
-          ]
-        },
-        xAxis: {
-          ...chartConfig.xAxis,
+        const grids = getGrid({ series, chartConfig, width, customeStyle });
+        const isShowLegend = (_d = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _d.includes("legend");
+        let isLeftYAxisShow = series.some((item) => (item == null ? void 0 : item.yAxisIndex) == 0);
+        let isRightYAxisShow = series.some((item) => (item == null ? void 0 : item.yAxisIndex) == 1);
+        let yAxisConfig = {
+          ...chartConfig.yAxis,
           axisTick: {
-            show: (_j = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _j.includes("axis")
+            show: (_e = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _e.includes("axis")
           },
           axisLine: {
-            show: (_k = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _k.includes("axis")
+            show: (_f = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _f.includes("axis")
           },
           axisLabel: {
-            show: (_l = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _l.includes("label"),
-            rotate: grids.axisLabelRotate,
-            // 使标签倾斜，调整为合适的角度
-            interval: "auto",
-            // 自动隐藏
+            show: (_g = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _g.includes("label"),
             formatter: (value) => {
               return value.length > 15 ? `${value.slice(0, 15)}...` : value;
             },
-            ...((_m = chartConfig.xAxis) == null ? void 0 : _m.axisLabel) ?? {}
+            hideOverlap: true,
+            ...(_h = chartConfig.yAxis) == null ? void 0 : _h.axisLabel
           },
           splitLine: {
-            show: (_n = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _n.includes("splitLine")
+            show: (_i = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _i.includes("splitLine")
             // 不显示x轴网格线
           }
-        },
-        yAxis: [
-          {
-            show: isLeftYAxisShow,
-            ...yAxisConfig
+        };
+        const options = {
+          legend: {
+            type: "scroll",
+            left: "center",
+            right: "center",
+            top: "0",
+            show: isShowLegend,
+            itemWidth: 12,
+            itemHeight: 12,
+            data: (series == null ? void 0 : series.map((item) => (item == null ? void 0 : item.name) || "")) || []
           },
-          {
-            show: isRightYAxisShow,
-            ...yAxisConfig
-          }
-        ],
-        series,
-        tooltip: {
-          trigger: "item",
-          // 触发方式：鼠标悬浮在坐标轴上
-          axisPointer: {
-            type: "shadow"
-            // 阴影指示器，鼠标悬停时显示柱状图的阴影
+          grid: {
+            top: grids.top,
+            left: grids.left,
+            right: grids.right,
+            bottom: grids.bottom
           },
-          appendTo: "body"
-        }
+          graphic: {
+            elements: [
+              {
+                type: "text",
+                left: "center",
+                bottom: "10px",
+                style: {
+                  text: (customeStyle == null ? void 0 : customeStyle.xtitle) || "",
+                  fill: "#333",
+                  // 文本颜色
+                  fontSize: 12,
+                  fontWeight: "bold"
+                }
+              },
+              {
+                type: "text",
+                left: "10px",
+                top: "center",
+                style: {
+                  text: (customeStyle == null ? void 0 : customeStyle.ytitle) || "",
+                  fill: "#333",
+                  // 文本颜色
+                  fontSize: 12,
+                  fontWeight: "bold"
+                },
+                rotation: Math.PI / 2
+              }
+            ]
+          },
+          xAxis: {
+            ...chartConfig.xAxis,
+            axisTick: {
+              show: (_j = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _j.includes("axis")
+            },
+            axisLine: {
+              show: (_k = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _k.includes("axis")
+            },
+            axisLabel: {
+              show: (_l = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _l.includes("label"),
+              rotate: grids.axisLabelRotate,
+              // 使标签倾斜，调整为合适的角度
+              interval: "auto",
+              // 自动隐藏
+              formatter: (value) => {
+                return value.length > 15 ? `${value.slice(0, 15)}...` : value;
+              },
+              ...((_m = chartConfig.xAxis) == null ? void 0 : _m.axisLabel) ?? {}
+            },
+            splitLine: {
+              show: (_n = customData == null ? void 0 : customData.chartOptions) == null ? void 0 : _n.includes("splitLine")
+              // 不显示x轴网格线
+            }
+          },
+          yAxis: [
+            {
+              show: isLeftYAxisShow,
+              ...yAxisConfig
+            },
+            {
+              show: isRightYAxisShow,
+              ...yAxisConfig
+            }
+          ],
+          series,
+          tooltip: {
+            trigger: "item",
+            // 触发方式：鼠标悬浮在坐标轴上
+            axisPointer: {
+              type: "shadow"
+              // 阴影指示器，鼠标悬停时显示柱状图的阴影
+            },
+            appendTo: "body"
+          }
+        };
+        return options;
       };
-      return options;
+      return getChartOptions(chartData);
     } else {
       return null;
     }