xt-element-ui 1.1.0 → 1.1.1

package/lib/index.umd.2.js

@@ -0,0 +1,1053 @@
+((typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] = (typeof self !== 'undefined' ? self : this)["webpackJsonpxt_element_ui"] || []).push([[2],{
+
+/***/ "0f70":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
+/***/ }),
+
+/***/ "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);
+
+
+
+
+/***/ }),
+
+/***/ "51a0":
+/***/ (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_ExBar_vue_vue_type_style_index_0_id_730aa873_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0f70");
+/* 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_ExBar_vue_vue_type_style_index_0_id_730aa873_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_ExBar_vue_vue_type_style_index_0_id_730aa873_prod_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "5234":
+/***/ (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/ExBar.vue?vue&type=template&id=730aa873&scoped=true
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:"barchart",staticClass:"bar-box"})
+}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/chart/ExBar.vue?vue&type=template&id=730aa873&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/ExBar.vue?vue&type=script&lang=js
+
+
+/* harmony default export */ var ExBarvue_type_script_lang_js = ({
+  name: "XtBar",
+  props: {
+    chartData: {
+      type: Array,
+      default: () => {
+        return [
+          { value: 65, name: "吴十" },
+          { value: 70, name: "唐九" },
+          { value: 73, name: "钱一" },
+          { value: 78, name: "孙二" },
+          { value: 88, name: "刘八" },
+          { value: 93, name: "王七" },
+          { value: 99, name: "赵六" },
+          { value: 103, name: "宋五" },
+          { value: 113, name: "李四" },
+          { value: 125, name: "张三" }
+        ];
+      }
+    },
+    theme: {},
+    size: {
+      type: String,
+      default: "medium"
+    },
+    // name: {
+    //   type: String,
+    //   default: ""
+    // },
+    markPoint: {
+      type: Boolean,
+      default: false
+    },
+    energyType: {
+      type: String,
+      default: ""
+    },
+    showZoom: {
+      type: Boolean,
+      default: false
+    },
+    reverse: {
+      type: Boolean,
+      default: false
+    },
+    longLable: { // 名称占50% 的 grid值
+      type: Boolean,
+      default: false
+    },
+    longLableSplitNum: {
+      type: Number,
+      default: 1
+    },
+    longLablePx: {
+      type: Number,
+      default: 150
+    },
+    splitNumber: {
+      type: Number,
+      default: 5
+    }
+  },
+  data() {
+    return {
+      myChart: null,
+      name: "数量"
+    };
+  },
+  watch: {
+    chartData: {
+      deep: true,
+      handler(newVal, oldVal) {
+        const _self = this;
+        _self.initChart();
+      }
+    },
+    energyType: {
+      deep: true,
+      handler(newVal, oldVal) {
+        const _self = this;
+        if (newVal == "kW.h") {
+          _self.name = "用电量";
+        } else if (newVal == "m³") {
+          _self.name = "用气量";
+        }
+        _self.initChart();
+      }
+    }
+  },
+  mounted() {
+    this.initChart();
+  },
+  methods: {
+    initChart() {
+      const _self = this;
+      // 数据处理
+      const _xAxis = {
+        type: "category",
+        inverse: this.reverse,
+        axisLabel: {
+          interval: 0,
+          formatter: function(value) {
+            return !_self.reverse && _self.longLable ? value.replace(new RegExp(`(.{${_self.longLableSplitNum}})`, 'g'), `$1\n`) : value;
+          }
+        },
+        data: _self.chartData.map((item) => {
+          return item.name;
+        })
+      };
+      const _yAxis = {
+        type: "value",
+        splitLine: {
+          lineStyle: {
+            type: "dashed"
+          }
+        },
+        name: _self.energyType,
+        axisTick: {
+          inside: true
+        },
+        min: 0,
+        splitNumber: _self.splitNumber,
+        max: function(value) {
+          return Math.ceil(value.max / _self.splitNumber) * _self.splitNumber;
+        },
+        scale: true,
+        axisLabel: {
+          margin: 2,
+          formatter: function(value, index) {
+            if (value >= 10000 && value < 10000000) {
+              value = value / 10000 + "万";
+            } else if (value >= 10000000) {
+              value = value / 10000000 + "千万";
+            }
+            return value;
+          }
+        }
+      };
+
+      const option = {
+        legend: {
+          right: 20,
+          top: 0,
+          textStyle: {
+            fontSize: 12
+          }
+        },
+        tooltip: {
+          borderWidth: 1,
+          trigger: "item"
+        },
+        grid: {
+          top: "10",
+          left: 40 + (this.reverse && this.longLable ? _self.longLablePx : 0),
+          right: "10",
+          bottom: (_self.showZoom ? 50 : 20) + (!_self.reverse && _self.longLable ? _self.longLablePx : 0),
+          containLabel: true
+        },
+        xAxis: this.reverse ? _yAxis : _xAxis,
+        yAxis: this.reverse ? _xAxis : _yAxis,
+        series: [{
+          name: _self.name,
+          type: "bar",
+          markPoint: {
+            data: [
+              { type: "min", name: "Min" },
+              { type: "max", name: "Max" }
+            ]
+          },
+          avoidLabelOverlap: true,
+          data: _self.chartData.map((item, ind) => {
+            const { name, value } = item;
+            return {
+              value,
+              name,
+              tooltip: {
+                borderWidth: 1
+              }
+            };
+          })
+        }],
+        dataZoom: _self.showZoom ? [{ height: 20, bottom: 0 }] : [],
+      };
+      if (!this.markPoint) {
+        this.$delete(option.series[0], "markPoint");
+      }
+      this.myChart = utils["a" /* default */].init(_self.$refs.barchart, this.theme, option, this.size);
+    }
+  }
+});
+
+// CONCATENATED MODULE: ./src/components/chart/ExBar.vue?vue&type=script&lang=js
+ /* harmony default export */ var chart_ExBarvue_type_script_lang_js = (ExBarvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./src/components/chart/ExBar.vue?vue&type=style&index=0&id=730aa873&prod&lang=scss&scoped=true
+var ExBarvue_type_style_index_0_id_730aa873_prod_lang_scss_scoped_true = __webpack_require__("51a0");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/components/chart/ExBar.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  chart_ExBarvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "730aa873",
+  null
+  
+)
+
+/* harmony default export */ var ExBar = __webpack_exports__["default"] = (component.exports);
+
+/***/ })
+
+}]);