xt-element-ui 1.1.0 → 1.1.1

package/lib/index.umd.4.js

@@ -0,0 +1,1108 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] || []).push([[4],{
+
+/***/ "202d":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// UNUSED EXPORTS: echarts
+
+// EXTERNAL MODULE: ./node_modules/echarts/index.js + 575 modules
+var echarts = __webpack_require__("313e");
+
+// CONCATENATED MODULE: ./src/components/chart/theme/white.js
+/* harmony default export */ var white = ({
+  color: ["#1890ff", "#37c3a4", "#29c0ce", "#6480D7", "#8cce6f", "#3a5dca", "#ffb74d"],
+  backgroundColor: "#ffffff",
+  textStyle: {
+    fontFamily: "Microsoft YaHei, sans-serif"
+  },
+  title: {
+    textStyle: {
+      color: "#333",
+      fontSize: 16
+    },
+    subtextStyle: {
+      color: "#666666",
+      fontSize: 12
+    }
+  },
+  line: {
+    itemStyle: {
+    },
+    lineStyle: {
+      width: 2
+    }
+  },
+  bar: {
+    itemStyle: {
+      borderRadius: 4
+    }
+  },
+  pie: {
+    roseType: "radius",
+    label: {
+      color: "#333"
+    }
+  },
+  radar: {
+    indicator: {
+      color: "#666666"
+    }
+  },
+  map: {
+    label: {
+      color: "#333"
+    },
+    itemStyle: {
+      borderColor: "#fff"
+    }
+  },
+  gauge: {
+    axisLine: {
+      lineStyle: {
+        color: [[1, "#5470c6"]]
+      }
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: "#666666"
+    }
+  },
+  xAxis: {
+    axisLine: {
+      lineStyle: {
+        color: "#DFE9EE"
+      }
+    },
+    axisTick: {
+      lineStyle: {
+        color: "#DFE9EE"
+      },
+      show: false
+    }
+  },
+  yAxis: {
+    axisLine: {
+      lineStyle: {
+        color: "#DFE9EE"
+      }
+    },
+    axisTick: {
+      lineStyle: {
+        color: "#DFE9EE"
+      }
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+        color: "#DFE9EE"
+      }
+    }
+  },
+  splitArea: {
+    areaStyle: {
+      color: ["#f7f8fa", "#ffffff"]
+    }
+  },
+  legend: {
+    textStyle: {
+      color: "#333333"
+    }
+  },
+  tooltip: {
+    borderWidth: 1,
+    backgroundColor: "#ffffff",
+    textStyle: {
+      color: "#333333"
+    },
+    trigger: "axis"
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/chart/theme/dark.js
+/* harmony default export */ var dark = ({
+  color: ["#0de7ff", "#a782ff", "#fcdd60", "#0de7ff", "#ffc5a1", "#6291ae", "#13ce66"],
+  backgroundColor: "#ffffff",
+  textStyle: {
+    fontFamily: "Microsoft YaHei, sans-serif"
+  },
+  title: {
+    textStyle: {
+      color: "#333"
+    },
+    subtextStyle: {
+      color: "#666666"
+    }
+  },
+  line: {
+    itemStyle: {
+    },
+    lineStyle: {
+      width: 2
+    }
+  },
+  bar: {
+    itemStyle: {
+      borderRadius: 4
+    }
+  },
+  pie: {
+    roseType: "radius",
+    label: {
+      color: "#333"
+    }
+  },
+  radar: {
+    indicator: {
+      color: "#666666"
+    }
+  },
+  map: {
+    label: {
+      color: "#333"
+    },
+    itemStyle: {
+      borderColor: "#fff"
+    }
+  },
+  gauge: {
+    axisLine: {
+      lineStyle: {
+        color: [[1, "#5470c6"]]
+      }
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: "#666666"
+    }
+  },
+  axisLine: {
+    lineStyle: {
+      color: "#DCDFE6"
+    }
+  },
+  axisTick: {
+    lineStyle: {
+      color: "#DCDFE6"
+    }
+  },
+  splitLine: {
+    lineStyle: {
+      color: "#ebeef5"
+    }
+  },
+  splitArea: {
+    areaStyle: {
+      color: ["#f7f8fa", "#ffffff"]
+    }
+  },
+  legend: {
+    textStyle: {
+      color: "#666"
+    }
+  },
+  tooltip: {
+    backgroundColor: "rgba(255, 255, 255, 0.95)",
+    borderColor: "#DCDFE6",
+    borderWidth: 1,
+    textStyle: {
+      color: "#333"
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/chart/theme/blue.js
+/* harmony default export */ var blue = ({
+  color: ["#2CDEB3", "#A17EE6", "#E57E40", "#409EFF"],
+  backgroundColor: "#ffffff",
+  textStyle: {
+    fontFamily: "Microsoft YaHei, sans-serif"
+  },
+  title: {
+    textStyle: {
+      color: "#333"
+    },
+    subtextStyle: {
+      color: "#666666"
+    }
+  },
+  line: {
+    itemStyle: {
+    },
+    lineStyle: {
+      width: 2
+    }
+  },
+  bar: {
+    itemStyle: {
+      borderRadius: 4
+    }
+  },
+  pie: {
+    roseType: "radius",
+    label: {
+      color: "#333"
+    }
+  },
+  radar: {
+    indicator: {
+      color: "#666666"
+    }
+  },
+  map: {
+    label: {
+      color: "#333"
+    },
+    itemStyle: {
+      borderColor: "#fff"
+    }
+  },
+  gauge: {
+    axisLine: {
+      lineStyle: {
+        color: [[1, "#5470c6"]]
+      }
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: "#666666"
+    }
+  },
+  axisLine: {
+    lineStyle: {
+      color: "#DCDFE6"
+    }
+  },
+  axisTick: {
+    lineStyle: {
+      color: "#DCDFE6"
+    }
+  },
+  splitLine: {
+    lineStyle: {
+      color: "#ebeef5"
+    }
+  },
+  splitArea: {
+    areaStyle: {
+      color: ["#f7f8fa", "#ffffff"]
+    }
+  },
+  legend: {
+    textStyle: {
+      color: "#666"
+    }
+  },
+  tooltip: {
+    backgroundColor: "rgba(255, 255, 255, 0.95)",
+    borderColor: "#DCDFE6",
+    borderWidth: 1,
+    textStyle: {
+      color: "#333"
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/chart/theme/starry.js
+/* harmony default export */ var starry = ({
+  color: [
+    "#1685a9", // 石青
+    "#21a675", // 松柏绿
+    "#1bd1a5", // 飞燕草蓝
+    "#8c4356", // 绛紫
+    "#0dafc6", // 孔雀蓝
+    "#4b5cc4", // 宝蓝
+    "#758a99", // 墨灰
+    "#cca4e3", // 丁香色
+    "#205277", // 靛青色
+    "#d9b611", // 秋香色
+    "#ff8c31", // 杏红
+    "#9d2933", // 胭脂
+    "#0288c5", // 浅靛青蓝
+    "#44cef6" // 天蓝色
+  ],
+  backgroundColor: "#ffffff",
+  textStyle: {
+    fontFamily: "Microsoft YaHei, sans-serif"
+  },
+  title: {
+    textStyle: {
+      color: "#333"
+    },
+    subtextStyle: {
+      color: "#666666"
+    }
+  },
+  line: {
+    itemStyle: {
+    },
+    lineStyle: {
+      width: 2
+    }
+  },
+  bar: {
+    itemStyle: {
+      borderRadius: 4
+    }
+  },
+  pie: {
+    roseType: "radius",
+    label: {
+      color: "#333"
+    }
+  },
+  radar: {
+    indicator: {
+      color: "#666666"
+    }
+  },
+  map: {
+    label: {
+      color: "#333"
+    },
+    itemStyle: {
+      borderColor: "#fff"
+    }
+  },
+  gauge: {
+    axisLine: {
+      lineStyle: {
+        color: [[1, "#5470c6"]]
+      }
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: "#666666"
+    }
+  },
+  axisLine: {
+    lineStyle: {
+      color: "#DCDFE6"
+    }
+  },
+  axisTick: {
+    lineStyle: {
+      color: "#DCDFE6"
+    }
+  },
+  splitLine: {
+    lineStyle: {
+      color: "#ebeef5"
+    }
+  },
+  splitArea: {
+    areaStyle: {
+      color: ["#f7f8fa", "#ffffff"]
+    }
+  },
+  legend: {
+    textStyle: {
+      color: "#666"
+    }
+  },
+  tooltip: {
+    backgroundColor: "rgba(255, 255, 255, 0.95)",
+    borderColor: "#DCDFE6",
+    borderWidth: 1,
+    textStyle: {
+      color: "#333"
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/chart/theme/orange.js
+/* harmony default export */ var orange = ({
+  color: ["#e69419", "#A5b4da", "#F8792C", "#97bfb4", "#de747b", "#d6bac0", "#e62737", "#f35969", "#f1ccb0", "#b7394e", "#fe9c1c2"],
+  backgroundColor: "#ffffff",
+  textStyle: {
+    fontFamily: "Microsoft YaHei, sans-serif"
+  },
+  title: {
+    textStyle: {
+      color: "#333"
+    },
+    subtextStyle: {
+      color: "#666666"
+    }
+  },
+  line: {
+    itemStyle: {
+      color: "#e69419"
+    },
+    lineStyle: {
+      width: 2
+    }
+  },
+  bar: {
+    itemStyle: {
+      borderRadius: 4
+    }
+  },
+  pie: {
+    roseType: "radius",
+    label: {
+      color: "#333"
+    }
+  },
+  radar: {
+    indicator: {
+      color: "#666666"
+    }
+  },
+  map: {
+    label: {
+      color: "#333"
+    },
+    itemStyle: {
+      borderColor: "#fff"
+    }
+  },
+  gauge: {
+    axisLine: {
+      lineStyle: {
+        color: [[1, "#5470c6"]]
+      }
+    }
+  },
+  toolbox: {
+    iconStyle: {
+      borderColor: "#666666"
+    }
+  },
+  axisLine: {
+    lineStyle: {
+      color: "#DCDFE6"
+    }
+  },
+  axisTick: {
+    lineStyle: {
+      color: "#DCDFE6"
+    }
+  },
+  splitLine: {
+    lineStyle: {
+      color: "#ebeef5"
+    }
+  },
+  splitArea: {
+    areaStyle: {
+      color: ["#f7f8fa", "#ffffff"]
+    }
+  },
+  legend: {
+    textStyle: {
+      color: "#666"
+    }
+  },
+  tooltip: {
+    backgroundColor: "rgba(255, 255, 255, 0.95)",
+    borderColor: "#DCDFE6",
+    borderWidth: 1,
+    textStyle: {
+      color: "#333"
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/chart/utils.js
+
+
+
+
+
+
+
+
+const themeKeys = {
+  "default": white,
+  "white": white,
+  "dark": dark,
+  "blue": blue,
+  "starry": starry,
+  "orange": orange
+};
+
+for (const key in themeKeys) {
+  echarts["b" /* registerTheme */](key, themeKeys[key]);
+}
+
+// 字体大小配置
+const fontSizeMap = {
+  small: {
+    title: 14,
+    subtitle: 11,
+    legend: 11,
+    axisLabel: 10,
+    tooltip: 11,
+    label: 11
+  },
+  medium: {
+    title: 16,
+    subtitle: 12,
+    legend: 12,
+    axisLabel: 12,
+    tooltip: 12,
+    label: 12
+  },
+  large: {
+    title: 18,
+    subtitle: 14,
+    legend: 14,
+    axisLabel: 14,
+    tooltip: 14,
+    label: 14
+  }
+};
+
+function EchartsUtil() {}
+
+EchartsUtil.currentTheme = "default";
+EchartsUtil.currentSize = "medium";
+EchartsUtil.inverse = false;
+
+EchartsUtil.baseOption = {
+  backgroundColor: "transparent",
+  tooltip: {
+    trigger: "axis",
+    borderWidth: 1
+  },
+  legend: {
+    right: 20,
+    top: 0,
+    show: true,
+    textStyle: {
+      fontSize: 12
+    }
+  },
+  grid: {
+    top: "25%",
+    left: "40",
+    right: "15",
+    bottom: "40"
+  },
+  xAxis: {
+    type: "category",
+    boundaryGap: false,
+    axisTick: {
+      show: true,
+      length: 4
+    },
+    axisLabel: {
+      fontSize: 12,
+      interval: 0,
+      formatter: function(value) {
+        return !this.reverse && this.longLable ? value.replace(new RegExp(`(.{${this.longLableSplitNum}})`, "g"), `$1\n`) : value;
+      }
+    }
+  },
+  yAxis: {
+    type: "value",
+    axisTick: {
+      show: false
+    },
+    min: null,
+    max: null,
+    axisLabel: {
+      show: false
+    },
+    splitLine: {
+      lineStyle: {
+        type: "dashed",
+        width: 1
+      }
+    }
+  }
+};
+
+EchartsUtil.chartInstanceList = [];
+
+EchartsUtil.mergeOptions = function(themeOption, customOption) {
+  return Object.assign({}, this.baseOption, themeOption, customOption);
+};
+
+// 根据字体大小调整主题配置
+EchartsUtil.applyFontSize = function(themeOption, size) {
+  const fontSizeConfig = fontSizeMap[size] || fontSizeMap.medium;
+  
+  const result = JSON.parse(JSON.stringify(themeOption));
+  
+  // 调整标题字体大小
+  if (result.title && result.title.textStyle) {
+    result.title.textStyle.fontSize = fontSizeConfig.title;
+  }
+  if (result.title && result.title.subtextStyle) {
+    result.title.subtextStyle.fontSize = fontSizeConfig.subtitle;
+  }
+  
+  // 调整图例字体大小
+  if (result.legend && result.legend.textStyle) {
+    result.legend.textStyle.fontSize = fontSizeConfig.legend;
+  }
+  
+  // 调整提示框字体大小
+  if (result.tooltip && result.tooltip.textStyle) {
+    result.tooltip.textStyle.fontSize = fontSizeConfig.tooltip;
+  }
+  
+  // 调整饼图标签字体大小
+  if (result.pie && result.pie.label) {
+    if (typeof result.pie.label === 'object') {
+      result.pie.label.fontSize = fontSizeConfig.label;
+    }
+  }
+  
+  // 调整雷达图指示器字体大小
+  if (result.radar && result.radar.indicator) {
+    if (typeof result.radar.indicator === 'object' && result.radar.indicator.textStyle) {
+      result.radar.indicator.textStyle.fontSize = fontSizeConfig.label;
+    }
+  }
+  
+  // 调整地图标签字体大小
+  if (result.map && result.map.label) {
+    if (typeof result.map.label === 'object') {
+      result.map.label.fontSize = fontSizeConfig.label;
+    }
+  }
+  
+  return result;
+};
+
+EchartsUtil.init = function(dom, theme, customOption, size) {
+  theme = theme || "default";
+  size = size || "medium";
+  customOption = customOption || {};
+  
+  const useTheme = this.currentTheme || theme;
+  const useSize = this.currentSize || size;
+  
+  this.currentTheme = useTheme;
+  this.currentSize = useSize;
+  
+  let themeOption = themeKeys[useTheme];
+  // 应用字体大小配置
+  themeOption = this.applyFontSize(themeOption, useSize);
+  
+  const option = this.mergeOptions(themeOption, customOption);
+  
+  const chart = echarts["a" /* init */](dom, useTheme);
+  chart.setOption(option, true);
+  
+  this.chartInstanceList.push({
+    dom,
+    chart,
+    customOption,
+    size: useSize
+  });
+  
+  this.bindResize(chart);
+  return chart;
+};
+
+EchartsUtil.changeSingleTheme = function(dom, chartIns, customOption, newTheme) {
+  if (!dom || !chartIns) return;
+  
+  customOption = customOption || {};
+  newTheme = newTheme || "default";
+  
+  this.currentTheme = newTheme;
+  chartIns.dispose();
+  
+  const newChart = echarts["a" /* init */](dom, newTheme, customOption);
+  
+  const item = this.chartInstanceList.find(function(v) {
+    return v.dom === dom;
+  });
+  
+  if (item) {
+    item.chart = newChart;
+  }
+  
+  return newChart;
+};
+
+EchartsUtil.changeAllTheme = function(newTheme) {
+  if (!newTheme) return;
+  
+  this.currentTheme = newTheme;
+  
+  this.chartInstanceList.forEach(function(item) {
+    const dom = item.dom;
+    const chart = item.chart;
+    const customOption = item.customOption;
+    
+    if (chart) {
+      chart.dispose();
+    }
+    
+    const newChart = echarts["a" /* init */](dom, newTheme);
+    const themeOption = themeKeys[newTheme];
+    const option = EchartsUtil.mergeOptions(themeOption, customOption);
+    
+    newChart.setOption(option, true);
+    item.chart = newChart;
+    EchartsUtil.bindResize(newChart);
+  });
+};
+
+EchartsUtil.bindResize = function(chartIns) {
+  if (!chartIns || chartIns.resizeLocked) return;
+  
+  window.addEventListener("resize", function() {
+    chartIns.resize();
+  });
+  
+  chartIns._resizeLocked = true;
+};
+
+EchartsUtil.destroy = function(chartIns) {
+  if (chartIns) {
+    chartIns.dispose();
+  }
+  
+  this.chartInstanceList = this.chartInstanceList.filter(function(item) {
+    return item.chart !== chartIns;
+  });
+};
+
+EchartsUtil.destroyAll = function() {
+  this.chartInstanceList.forEach(function(item) {
+    if (item.chart) {
+      item.chart.dispose();
+    }
+  });
+  
+  this.chartInstanceList = [];
+};
+
+/* harmony default export */ var utils = __webpack_exports__["a"] = (EchartsUtil);
+
+
+
+
+/***/ }),
+
+/***/ "49c9":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2cf63e9b-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/chart/ExMulti.vue?vue&type=template&id=6f25e9c5&scoped=true
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"multilinechart",staticClass:"multiline-box"})
+}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/chart/ExMulti.vue?vue&type=template&id=6f25e9c5&scoped=true
+
+// EXTERNAL MODULE: ./src/components/chart/utils.js + 5 modules
+var utils = __webpack_require__("202d");
+
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/chart/ExMulti.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var ExMultivue_type_script_lang_js = ({
+  name: "XtMulti",
+  props: {
+    isDark: {
+      type: Boolean, // 设置文字标线为白色系
+      default: false
+    },
+    theme: {},
+    size: {
+      type: String,
+      default: "medium"
+    },
+    config: {
+      type: Object,
+      default() {
+        return {
+          interval: 0,
+          rotate: 0,
+          gridbottom: 40,
+          isShowthreshold: false
+
+        };
+      }
+    },
+    chartData: {
+      type: Array,
+      default: () => {
+        return [
+          {
+            label: "入户数",
+            data: [
+              { label: "01月", value: 980 },
+              { label: "02月", value: 806 },
+              { label: "03月", value: 930 },
+              { label: "04月", value: 804 },
+              { label: "05月", value: 750 },
+              { label: "06月", value: 660 },
+              { label: "07月", value: 780 },
+              { label: "08月", value: 630 },
+              { label: "09月", value: 806 },
+              { label: "10月", value: 950 },
+              { label: "11月", value: 810 },
+              { label: "12月", value: 703 }
+            ]
+          },
+          {
+            label: "隐患数",
+            data: [
+              { label: "01月", value: 200 },
+              { label: "02月", value: 120 },
+              { label: "03月", value: 110 },
+              { label: "04月", value: 109 },
+              { label: "05月", value: 108 },
+              { label: "06月", value: 150 },
+              { label: "07月", value: 126 },
+              { label: "08月", value: 130 },
+              { label: "09月", value: 108 },
+              { label: "10月", value: 109 },
+              { label: "11月", value: 140 },
+              { label: "12月", value: 106 }
+            ]
+          },
+          {
+            label: "整改数",
+            data: [
+              { label: "01月", value: 25 },
+              { label: "02月", value: 19 },
+              { label: "03月", value: 34 },
+              { label: "04月", value: 12 },
+              { label: "05月", value: 16 },
+              { label: "06月", value: 20 },
+              { label: "07月", value: 19 },
+              { label: "08月", value: 18 },
+              { label: "09月", value: 14 },
+              { label: "10月", value: 12 },
+              { label: "11月", value: 11 },
+              { label: "12月", value: 16 }
+            ]
+          }
+        ];
+      }
+    },
+    colors: {
+      type: Array,
+      default: () => { return []; }
+    },
+    selectedNew: {
+      type: Object,
+      default: null
+    },
+    energyType: {
+      type: [String, Array],
+      default: ""
+    }
+  },
+  data() {
+    return {
+      myChart: null
+      // chartList: []
+    };
+  },
+  watch: {
+    chartData: {
+      deep: true,
+      handler(newVal, oldVal) {
+        const _self = this;
+        this.myChart && this.myChart.dispose();
+        this.myChart = null;
+        _self.initChart();
+      }
+    },
+    energyType: {
+      deep: true,
+      handler(newVal, oldVal) {
+        if (newVal && oldVal && newVal.toString() == oldVal.toString()) {
+          return;
+        }
+        this.myChart && this.myChart.dispose();
+        this.myChart = null;
+        const _self = this;
+        _self.initChart();
+      }
+    }
+  },
+  mounted() {
+    this.initChart();
+  },
+  methods: {
+    initChart() {
+      const _self = this;
+      // 数据处理
+      const groupYAxis = (unit) => {
+        return {
+          type: "value",
+          name: unit,
+          axisLine: {
+            show: false,
+            lineStyle: {
+            }
+          },
+          axisTick: {
+            show: false
+          },
+          splitLine: {
+            lineStyle: {
+              type: "dashed"
+            }
+          },
+          axisLabel: {
+            formatter: function(value, index) {
+              if (value >= 10000 && value < 10000000) {
+                value = Math.floor(value / 10000) + "万";
+              } else if (value >= 10000000) {
+                value = Math.floor(value / 10000000) + "千万";
+              }
+              return value;
+            }
+          }
+        };
+      };
+      const option = {
+        legend: {
+          right: 20,
+          top: 0,
+          show: true,
+          data: _self.chartData.map((item) => {
+            return item.label;
+          }),
+          selectedMode: "multiple",
+          selected: _self.selectedNew,
+          textStyle: {
+            fontSize: 12
+          }
+        },
+        tooltip: {
+          borderWidth: 1,
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow"
+          }
+        },
+        grid: {
+          top: "25%",
+          left: "40",
+          right: "15",
+          bottom: this.config.gridbottom == null ? 20 : this.config.gridbottom
+        },
+        xAxis: {
+          type: "category",
+          // splitLine: {
+          //   show: true,
+          //   lineStyle: {
+          //     type: "dashed"
+          //   }
+          // },
+          axisLabel: {
+            rotate: this.config.rotate
+          },
+          data: _self.chartData && _self.chartData.length ? _self.chartData[0].data.map((item) => {
+            return item.label;
+          }) : []
+        },
+        yAxis: typeof _self.energyType == "string" ? groupYAxis(_self.energyType) : this.energyType.map(unit => groupYAxis(unit)),
+        dataZoom: [
+          {
+            type: "inside",
+            xAxisIndex: [0],
+            start: 1,
+            end: 100
+          }
+        ],
+        series: this.getSeriesData()
+      };
+      this.myChart = utils["a" /* default */].init(_self.$refs.multilinechart, this.theme, option, this.size);
+    },
+    getSeriesData() {
+      // 创建 24小时 时间数据填充对象
+      const _self = this;
+
+      const _seriesData = [];
+      _self.chartData.map((item, ind) => {
+        // debugger;
+        const _isNUll = item.data.some(it => !it.value || it.value == "--");
+        const _itemNull = {
+          type: "",
+          name: item.label,
+          connectNulls: true, // 断点连线，true-连接，false-不连接
+          data: item.data.map(it => it.value),
+          tooltip: {
+            show: false
+          }
+        };
+        const _item = {
+          animation: true,
+          name: item.label,
+          type: item.type || "bar",
+          avoidLabelOverlap: true,
+          data: item.data.map(it => it.value)
+        };
+        _seriesData.push(_item);
+      });
+      return _seriesData;
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/chart/ExMulti.vue?vue&type=script&lang=js
+ /* harmony default export */ var chart_ExMultivue_type_script_lang_js = (ExMultivue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/chart/ExMulti.vue?vue&type=style&index=0&id=6f25e9c5&prod&lang=scss&scoped=true
+var ExMultivue_type_style_index_0_id_6f25e9c5_prod_lang_scss_scoped_true = __webpack_require__("8d67");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/components/chart/ExMulti.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  chart_ExMultivue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "6f25e9c5",
+  null
+  
+)
+
+/* harmony default export */ var ExMulti = __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "8d67":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExMulti_vue_vue_type_style_index_0_id_6f25e9c5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d12c");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExMulti_vue_vue_type_style_index_0_id_6f25e9c5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_9_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_9_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_9_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_9_oneOf_1_3_node_modules_vue_cli_service_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ExMulti_vue_vue_type_style_index_0_id_6f25e9c5_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "d12c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ })
+
+}]);