xt-element-ui 1.1.2 → 1.1.4

package/lib/index.common.4.js

@@ -1,166 +1,357 @@
 ((typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] || []).push([[4],{
 
-/***/ "202d":
+/***/ "20f2":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-// UNUSED EXPORTS: echarts
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"4207ee36-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/ex-chart/ExMulti.vue?vue&type=template&id=18661424&scoped=true
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"multilinechart",staticClass:"multiline-box"})
+}
+var staticRenderFns = []
 
-// 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: {
+// CONCATENATED MODULE: ./src/components/ex-chart/ExMulti.vue?vue&type=template&id=18661424&scoped=true
+
+// EXTERNAL MODULE: ./src/components/ex-chart/utils.js + 5 modules
+var utils = __webpack_require__("22f5");
+
+// 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/ex-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
     },
-    lineStyle: {
-      width: 2
-    }
-  },
-  bar: {
-    itemStyle: {
-      borderRadius: 4
-    }
-  },
-  pie: {
-    roseType: "radius",
-    label: {
-      color: "#333"
-    }
-  },
-  radar: {
-    indicator: {
-      color: "#666666"
-    }
-  },
-  map: {
-    label: {
-      color: "#333"
+    theme: {},
+    size: {
+      type: String,
+      default: "medium"
     },
-    itemStyle: {
-      borderColor: "#fff"
-    }
-  },
-  gauge: {
-    axisLine: {
-      lineStyle: {
-        color: [[1, "#5470c6"]]
-      }
-    }
-  },
-  toolbox: {
-    iconStyle: {
-      borderColor: "#666666"
-    }
-  },
-  xAxis: {
-    axisLine: {
-      lineStyle: {
-        color: "#DFE9EE"
+    config: {
+      type: Object,
+      default() {
+        return {
+          interval: 0,
+          rotate: 0,
+          gridbottom: 40,
+          isShowthreshold: false
+
+        };
       }
     },
-    axisTick: {
-      lineStyle: {
-        color: "#DFE9EE"
-      },
-      show: false
-    }
-  },
-  yAxis: {
-    axisLine: {
-      lineStyle: {
-        color: "#DFE9EE"
+    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 }
+            ]
+          }
+        ];
       }
     },
-    axisTick: {
-      lineStyle: {
-        color: "#DFE9EE"
-      }
+    colors: {
+      type: Array,
+      default: () => { return []; }
     },
-    splitLine: {
-      show: true,
-      lineStyle: {
-        type: "dashed",
-        color: "#DFE9EE"
-      }
-    }
-  },
-  splitArea: {
-    areaStyle: {
-      color: ["#f7f8fa", "#ffffff"]
-    }
-  },
-  legend: {
-    textStyle: {
-      color: "#333333"
+    selectedNew: {
+      type: Object,
+      default: null
+    },
+    energyType: {
+      type: [String, Array],
+      default: ""
     }
   },
-  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"
+  data() {
+    return {
+      myChart: null
+      // chartList: []
+    };
   },
-  title: {
-    textStyle: {
-      color: "#333"
+  watch: {
+    chartData: {
+      deep: true,
+      handler(newVal, oldVal) {
+        const _self = this;
+        this.myChart && this.myChart.dispose();
+        this.myChart = null;
+        _self.initChart();
+      }
     },
-    subtextStyle: {
-      color: "#666666"
-    }
-  },
-  line: {
-    itemStyle: {
+    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();
+      }
     },
-    lineStyle: {
-      width: 2
-    }
-  },
-  bar: {
-    itemStyle: {
-      borderRadius: 4
-    }
-  },
-  pie: {
-    roseType: "radius",
-    label: {
-      color: "#333"
+    theme(newVal) {
+      this.myChart && this.myChart.dispose();
+      this.myChart = null;
+      this.initChart();
     }
   },
-  radar: {
-    indicator: {
-      color: "#666666"
-    }
+  mounted() {
+    this.initChart();
   },
-  map: {
+  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/ex-chart/ExMulti.vue?vue&type=script&lang=js
+ /* harmony default export */ var ex_chart_ExMultivue_type_script_lang_js = (ExMultivue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/ex-chart/ExMulti.vue?vue&type=style&index=0&id=18661424&prod&lang=scss&scoped=true
+var ExMultivue_type_style_index_0_id_18661424_prod_lang_scss_scoped_true = __webpack_require__("a68f");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/components/ex-chart/ExMulti.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  ex_chart_ExMultivue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "18661424",
+  null
+  
+)
+
+/* harmony default export */ var ExMulti = __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
+/***/ "22f5":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// UNUSED EXPORTS: getEcharts
+
+// CONCATENATED MODULE: ./src/components/ex-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"
     },
@@ -180,19 +371,36 @@ var echarts = __webpack_require__("313e");
       borderColor: "#666666"
     }
   },
-  axisLine: {
-    lineStyle: {
-      color: "#DCDFE6"
-    }
-  },
-  axisTick: {
-    lineStyle: {
-      color: "#DCDFE6"
+  xAxis: {
+    axisLine: {
+      lineStyle: {
+        color: "#DFE9EE"
+      }
+    },
+    axisTick: {
+      lineStyle: {
+        color: "#DFE9EE"
+      },
+      show: false
     }
   },
-  splitLine: {
-    lineStyle: {
-      color: "#ebeef5"
+  yAxis: {
+    axisLine: {
+      lineStyle: {
+        color: "#DFE9EE"
+      }
+    },
+    axisTick: {
+      lineStyle: {
+        color: "#DFE9EE"
+      }
+    },
+    splitLine: {
+      show: true,
+      lineStyle: {
+        type: "dashed",
+        color: "#DFE9EE"
+      }
     }
   },
   splitArea: {
@@ -202,23 +410,23 @@ var echarts = __webpack_require__("313e");
   },
   legend: {
     textStyle: {
-      color: "#666"
+      color: "#333333"
     }
   },
   tooltip: {
-    backgroundColor: "rgba(255, 255, 255, 0.95)",
-    borderColor: "#DCDFE6",
     borderWidth: 1,
+    backgroundColor: "#ffffff",
     textStyle: {
-      color: "#333"
-    }
+      color: "#333333"
+    },
+    trigger: "axis"
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/theme/blue.js
-/* harmony default export */ var blue = ({
-  color: ["#2CDEB3", "#A17EE6", "#E57E40", "#409EFF"],
-  backgroundColor: "#ffffff",
+// CONCATENATED MODULE: ./src/components/ex-chart/theme/dark.js
+/* harmony default export */ var dark = ({
+  color: ["#0de7ff", "#a782ff", "#fcdd60", "#0de7ff", "#ffc5a1", "#6291ae", "#13ce66"],
+  backgroundColor: "transparent",
   textStyle: {
     fontFamily: "Microsoft YaHei, sans-serif"
   },
@@ -308,19 +516,112 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/theme/starry.js
-/* harmony default export */ var starry = ({
-  color: [
-    "#1685a9", // 石青
-    "#21a675", // 松柏绿
-    "#1bd1a5", // 飞燕草蓝
-    "#8c4356", // 绛紫
-    "#0dafc6", // 孔雀蓝
-    "#4b5cc4", // 宝蓝
-    "#758a99", // 墨灰
-    "#cca4e3", // 丁香色
-    "#205277", // 靛青色
-    "#d9b611", // 秋香色
+// CONCATENATED MODULE: ./src/components/ex-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/ex-chart/theme/starry.js
+/* harmony default export */ var starry = ({
+  color: [
+    "#1685a9", // 石青
+    "#21a675", // 松柏绿
+    "#1bd1a5", // 飞燕草蓝
+    "#8c4356", // 绛紫
+    "#0dafc6", // 孔雀蓝
+    "#4b5cc4", // 宝蓝
+    "#758a99", // 墨灰
+    "#cca4e3", // 丁香色
+    "#205277", // 靛青色
+    "#d9b611", // 秋香色
     "#ff8c31", // 杏红
     "#9d2933", // 胭脂
     "#0288c5", // 浅靛青蓝
@@ -416,7 +717,7 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/theme/orange.js
+// CONCATENATED MODULE: ./src/components/ex-chart/theme/orange.js
 /* harmony default export */ var orange = ({
   color: ["#e69419", "#A5b4da", "#F8792C", "#97bfb4", "#de747b", "#d6bac0", "#e62737", "#f35969", "#f1ccb0", "#b7394e", "#fe9c1c2"],
   backgroundColor: "#ffffff",
@@ -510,9 +811,7 @@ var echarts = __webpack_require__("313e");
   }
 });
 
-// CONCATENATED MODULE: ./src/components/chart/utils.js
-
-
+// CONCATENATED MODULE: ./src/components/ex-chart/utils.js
 
 
 
@@ -528,8 +827,22 @@ const themeKeys = {
   "orange": orange
 };
 
-for (const key in themeKeys) {
-  echarts["b" /* registerTheme */](key, themeKeys[key]);
+// echarts 仅在客户端加载，避免 SSR 编译/渲染报错
+let echarts = null;
+
+function getEcharts() {
+  if (!echarts && typeof window !== 'undefined') {
+    try {
+      echarts = __webpack_require__("313e");
+      // 注册所有主题
+      for (const key in themeKeys) {
+        echarts.registerTheme(key, themeKeys[key]);
+      }
+    } catch (e) {
+      console.warn('[ExChart] echarts 加载失败:', e.message);
+    }
+  }
+  return echarts;
 }
 
 // 字体大小配置
@@ -675,6 +988,10 @@ EchartsUtil.applyFontSize = function(themeOption, size) {
 };
 
 EchartsUtil.init = function(dom, theme, customOption, size) {
+  const ec = getEcharts();
+  // SSR 环境下忽略初始化
+  if (!ec || !dom) return null;
+  
   theme = theme || "default";
   size = size || "medium";
   customOption = customOption || {};
@@ -691,7 +1008,7 @@ EchartsUtil.init = function(dom, theme, customOption, size) {
   
   const option = this.mergeOptions(themeOption, customOption);
   
-  const chart = echarts["a" /* init */](dom, useTheme);
+  const chart = ec.init(dom, useTheme);
   chart.setOption(option, true);
   
   this.chartInstanceList.push({
@@ -706,7 +1023,8 @@ EchartsUtil.init = function(dom, theme, customOption, size) {
 };
 
 EchartsUtil.changeSingleTheme = function(dom, chartIns, customOption, newTheme) {
-  if (!dom || !chartIns) return;
+  const ec = getEcharts();
+  if (!ec || !dom || !chartIns) return;
   
   customOption = customOption || {};
   newTheme = newTheme || "default";
@@ -714,7 +1032,7 @@ EchartsUtil.changeSingleTheme = function(dom, chartIns, customOption, newTheme)
   this.currentTheme = newTheme;
   chartIns.dispose();
   
-  const newChart = echarts["a" /* init */](dom, newTheme, customOption);
+  const newChart = ec.init(dom, newTheme, customOption);
   
   const item = this.chartInstanceList.find(function(v) {
     return v.dom === dom;
@@ -727,26 +1045,37 @@ EchartsUtil.changeSingleTheme = function(dom, chartIns, customOption, newTheme)
   return newChart;
 };
 
-EchartsUtil.changeAllTheme = function(newTheme) {
-  if (!newTheme) return;
+EchartsUtil.changeAllTheme = function(newTheme, newSize) {
+  const ec = getEcharts();
+  if (!ec || !newTheme) return;
   
   this.currentTheme = newTheme;
+  // 如果传入了新的 size，则更新全局 size
+  if (newSize) {
+    this.currentSize = newSize;
+  }
   
   this.chartInstanceList.forEach(function(item) {
     const dom = item.dom;
     const chart = item.chart;
     const customOption = item.customOption;
+    // 使用图表自己的 size，如果没有则使用全局 size
+    const useSize = item.size || EchartsUtil.currentSize;
     
     if (chart) {
       chart.dispose();
     }
     
-    const newChart = echarts["a" /* init */](dom, newTheme);
-    const themeOption = themeKeys[newTheme];
+    const newChart = ec.init(dom, newTheme);
+    let themeOption = themeKeys[newTheme];
+    // 应用字体大小配置
+    themeOption = EchartsUtil.applyFontSize(themeOption, useSize);
     const option = EchartsUtil.mergeOptions(themeOption, customOption);
     
     newChart.setOption(option, true);
     item.chart = newChart;
+    // 更新图表的 size 记录
+    item.size = useSize;
     EchartsUtil.bindResize(newChart);
   });
 };
@@ -788,317 +1117,18 @@ EchartsUtil.destroyAll = function() {
 
 /***/ }),
 
-/***/ "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":"f5ad930a-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":
+/***/ "a68f":
 /***/ (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__);
+/* 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_18661424_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f7d1");
+/* 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_18661424_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_18661424_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
 /***/ }),
 
-/***/ "d12c":
+/***/ "f7d1":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin