@ganwei-web/gw-base-components-plus 1.0.0

package/echartList/barEchart/dist/index.es.js

@@ -0,0 +1,152 @@
+import { createElementBlock as l, createElementVNode as d, openBlock as h, resolveDirective as n, withDirectives as c } from "vue";
+
+import "./style.css";
+function x(t, a) {
+  let e;
+  return function(r) {
+    let i = this, o = arguments;
+    e && clearTimeout(e), e = setTimeout(() => {
+      e = null, t.call(i, o);
+    }, a);
+  };
+}
+const f = {
+  props: {
+    status: {
+      type: Boolean,
+      default: !0
+    },
+    echartData: {
+      type: Object,
+      default: () => {
+      }
+    },
+    yUnit: {
+      type: String,
+      default: "℃"
+    },
+    colorList: {
+      type: Array,
+      default: () => ["#00f0ff", "#008af5"]
+    }
+  },
+  watch: {
+    echartData: function(t) {
+      this.echartData.length > 0 && (this.setEchartData(), this.drawEchart());
+    },
+    status: function(t) {
+      this.loading = t, this.setEchartData(), this.drawEchart();
+    }
+  },
+  data() {
+    return {
+      loading: !0,
+      echartId: -1,
+      xData: [],
+      echart: "",
+      reflesh: !0
+    };
+  },
+  created() {
+    this.echartId = this.generateUUID();
+  },
+  mounted() {
+    window.addEventListener("resize", x(() => {
+      this.echart.resize();
+    }, 500)), this.setEchartData(), this.drawEchart(), this.loading = this.status;
+  },
+  methods: {
+    fontSize(t, a) {
+      let e = document.getElementById(a).clientWidth;
+      if (!e) { return; }
+      let r = e / 400;
+      return t * r;
+    },
+    generateUUID() {
+      let t = (/* @__PURE__ */ new Date()).getTime();
+      return window.performance && typeof window.performance.now == "function" && (t += performance.now()), "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e) {
+        let r = (t + Math.random() * 16) % 16 | 0;
+        return t = Math.floor(t / 16), (e === "x" ? r : r & 3 | 8).toString(16);
+      });
+    },
+    setEchartData() {
+      this.echartData.series.forEach((t, a) => {
+        t.type = "bar", t.barWidth = "50%", t.label = {
+          show: !0,
+          position: "top",
+          color: this.colorList[0]
+        };
+      });
+    },
+    drawEchart() {
+      let t = {
+        color: this.colorList,
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow"
+          }
+        },
+        legend: {
+          show: !1
+        },
+        xAxis: {
+          type: "category",
+          data: this.echartData.xData,
+          axisLabel: {
+            color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#595959" : "#d3d8e2",
+            fontSize: this.fontSize(12, this.echartId)
+          },
+          axisLine: {
+            lineStyle: {
+              color: "#8c9097"
+            }
+          },
+          axisTick: {
+            show: !1
+          }
+        },
+        yAxis: {
+          name: "(" + this.yUnit + ")",
+          nameTextStyle: {
+            color: "#999fa8",
+            padding: [0, 0, 5, -30]
+          },
+          axisLabel: {
+            fontSize: this.fontSize(12, this.echartId)
+          },
+          axisLine: { show: !1 }
+        },
+        series: this.echartData.series,
+        grid: {
+          x: "8%",
+          y: "20%",
+          x2: "4%",
+          y2: "15%"
+        },
+        backgroundColor: "transparent"
+      };
+      this.echart = this.$echart.init(document.getElementById(this.echartId)), this.echart.setOption(t);
+    }
+  }
+};
+const u = (t, a) => {
+  const e = t.__vccOpts || t;
+  for (const [r, i] of a) { e[r] = i; }
+  return e;
+}, p = f, g = ["id"];
+function w(t, a, e, r, i, o) {
+  const s = n("loading");
+  return c((h(), l("div", {
+    class: "barEchart",
+    key: t.reflesh
+  }, [
+    d("div", { id: t.echartId }, null, 8, g)
+  ])), [
+    [s, t.loading]
+  ]);
+}
+const _ = /* @__PURE__ */ u(p, [["render", w], ["__scopeId", "data-v-2ef76664"]]);
+export {
+  _ as default
+};

package/echartList/barEchart/dist/index.umd.js

@@ -0,0 +1 @@
+(function(a, n){ typeof exports == "object" && typeof module < "u" ? module.exports = n(require("vue")) : typeof define == "function" && define.amd ? define(["vue"], n) : (a = typeof globalThis < "u" ? globalThis : a || self, a.index = n(a.Vue)) })(this, function(a){ "use strict";function n(t, i){ let e;return function(r){ let o = this, s = arguments;e && clearTimeout(e), e = setTimeout(()=>{ e = null, t.call(o, s) }, i) } }const c = {props: {status: {type: Boolean, default: !0}, echartData: {type: Object, default: ()=>{}}, yUnit: {type: String, default: "℃"}, colorList: {type: Array, default: ()=>["#00f0ff", "#008af5"]}}, watch: {echartData: function(t){ this.echartData.length > 0 && (this.setEchartData(), this.drawEchart()) }, status: function(t){ this.loading = t, this.setEchartData(), this.drawEchart() }}, data(){ return{loading: !0, echartId: -1, xData: [], echart: "", reflesh: !0} }, created(){ this.echartId = this.generateUUID() }, mounted(){ window.addEventListener("resize", n(()=>{ this.echart.resize() }, 500)), this.setEchartData(), this.drawEchart(), this.loading = this.status }, methods: {fontSize(t, i){ let e = document.getElementById(i).clientWidth;if(!e){ return; }let r = e / 400;return t * r }, generateUUID(){ let t = new Date().getTime();return window.performance && typeof window.performance.now == "function" && (t += performance.now()), "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(e){ let r = (t + Math.random() * 16) % 16 | 0;return t = Math.floor(t / 16), (e === "x" ? r : r & 3 | 8).toString(16) }) }, setEchartData(){ this.echartData.series.forEach((t, i)=>{ t.type = "bar", t.barWidth = "50%", t.label = {show: !0, position: "top", color: this.colorList[0]} }) }, drawEchart(){ let t = {color: this.colorList, tooltip: {trigger: "axis", axisPointer: {type: "shadow"}}, legend: {show: !1}, xAxis: {type: "category", data: this.echartData.xData, axisLabel: {color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#595959" : "#d3d8e2", fontSize: this.fontSize(12, this.echartId)}, axisLine: {lineStyle: {color: "#8c9097"}}, axisTick: {show: !1}}, yAxis: {name: "(" + this.yUnit + ")", nameTextStyle: {color: "#999fa8", padding: [0, 0, 5, -30]}, axisLabel: {fontSize: this.fontSize(12, this.echartId)}, axisLine: {show: !1}}, series: this.echartData.series, grid: {x: "8%", y: "20%", x2: "4%", y2: "15%"}, backgroundColor: "transparent"};this.echart = this.$echart.init(document.getElementById(this.echartId)), this.echart.setOption(t) }}}, u = "", h = (t, i)=>{ const e = t.__vccOpts || t;for(const[r, o]of i){ e[r] = o; }return e }, d = c, l = ["id"];function f(t, i, e, r, o, s){ const x = a.resolveDirective("loading");return a.withDirectives((a.openBlock(), a.createElementBlock("div", {class: "barEchart", key: t.reflesh}, [a.createElementVNode("div", {id: t.echartId}, null, 8, l)])), [[x, t.loading]]) }return h(d, [["render", f], ["__scopeId", "data-v-2ef76664"]]) });

package/echartList/barEchart/dist/style.css

@@ -0,0 +1 @@
+.barEchart[data-v-2ef76664]{width:100%;color:#fff;height:100%;display:flex;justify-content:center;align-items:center}.barEchart div[data-v-2ef76664]{height:100%;width:100%}

package/echartList/curve/dist/index.es.js

@@ -0,0 +1,217 @@
+import { createElementBlock as n, createElementVNode as s, normalizeStyle as h, openBlock as l, toDisplayString as c } from "vue";
+
+import "./style.css";
+const d = (t, i) => {
+  const e = t.__vccOpts || t;
+  for (const [o, a] of i) { e[o] = a; }
+  return e;
+}, y = {
+  props: {
+    name: {
+      type: String,
+      default: ""
+    },
+    realTime: {
+      type: Boolean,
+      default: !1
+    },
+    xData: {
+      type: Array,
+      default: () => []
+    },
+    yData: {
+      type: Array,
+      default: () => []
+    },
+    unit: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    },
+    showLegend: {
+      type: Boolean,
+      default: !1
+    },
+    layoutOptions: {
+      type: Object
+    },
+    seriesOptions: {
+      type: Array,
+      default: () => []
+    }
+  },
+  computed: {
+    styleObject() {
+      return {
+        width: this.width,
+        height: this.height
+      };
+    }
+  },
+  watch: {
+    xData(t) {
+      this.option.xAxis.data = t, this.myChart.setOption(this.option);
+    },
+    yData(t) {
+      t.forEach((i, e) => {
+        let o = Object.assign({}, this.seriesBasic);
+        o.data = i, this.option.series[e].data = i;
+      }), this.myChart.setOption(this.option);
+    }
+  },
+  data() {
+    return {
+      echartId: "",
+      myChart: null,
+      option: {
+        color: ["#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc"],
+        grid: {
+          left: "30px",
+          top: "10%",
+          right: "55px",
+          bottom: "11%",
+          containLabel: !0,
+          color: "red"
+        },
+        tooltip: {
+          style: {
+            color: "red"
+          }
+        },
+        xAxis: {
+          boundaryGap: !1,
+          splitLine: {
+            show: !1
+          },
+          axisLine: {
+            lineStyle: {
+              color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#e6e6e6" : "#999fa8",
+              width: 1
+              // 这里是为了突出显示加上的
+            }
+          },
+          axisLabel: {
+            margin: 12,
+            textStyle: {
+              color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#595959" : "#d3d8e2",
+              fontSize: "13"
+            }
+          },
+          labels: {
+            style: {
+              color: "#d3d8e2"
+            }
+          },
+          style: {
+            color: "#d3d8e2"
+          },
+          data: [1, 2, 3, 4, 5, 6]
+        },
+        yAxis: {
+          gridLineColor: "#3b4357",
+          gridLineWidth: 1,
+          type: "value",
+          axisLine: {
+            show: !1
+          },
+          axisTick: {
+            show: !1
+          },
+          axisLabel: {
+            margin: 12,
+            textStyle: {
+              color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#595959" : "#d3d8e2",
+              fontSize: "13"
+            }
+          },
+          style: {
+            color: "#d3d8e2",
+            fontWeight: "bold",
+            fontSize: "12px",
+            fontFamily: "Trebuchet MS, Verdana, sans-serif"
+          },
+          title: {
+            style: {
+              color: "#d3d8e2",
+              fontWeight: "bold",
+              fontSize: "12px",
+              fontFamily: "Trebuchet MS, Verdana, sans-serif"
+            }
+          },
+          labels: {
+            style: {
+              color: "#d3d8e2"
+            }
+          }
+        },
+        legend: {
+          orient: "horizontal",
+          textStyle: {
+            color: "#A1E2FF"
+          },
+          show: this.showLegend,
+          icon: "circle"
+        },
+        series: []
+      },
+      seriesBasic: {
+        type: "line",
+        stack: "Total",
+        emphasis: {
+          lineStyle: {
+            width: 2
+          }
+        },
+        smooth: !0,
+        sampling: "average",
+        lineStyle: {
+          width: 2
+        }
+      }
+    };
+  },
+  created() {
+    this.echartId = this.myUtils.generateUUID();
+  },
+  mounted() {
+    this.drawEchart();
+  },
+  methods: {
+    drawEchart() {
+      let t = document.getElementById(this.echartId);
+      this.myChart = this.$echart.init(t), this.option = Object.assign({}, this.option, this.layoutOptions), this.yData.forEach((i, e) => {
+        let o = this.seriesOptions[e] ? this.seriesOptions[e] : {}, a = this.merge(Object.assign({}, this.seriesBasic), o);
+        a.data = i, this.option.series.push(a);
+      }), this.myChart.setOption(this.option);
+    },
+    merge(t, i) {
+      if (typeof i == "object" && !Array.isArray(i)) {
+ for (let e of Object.keys(i)) { !t[e] || typeof t[e] != "object" || Array.isArray(i[e]) ? t[e] = i[e] : this.merge(t[e], i[e]); } 
+}
+      return t;
+    }
+  }
+}, p = { class: "name" }, g = ["id"];
+function m(t, i, e, o, a, r) {
+  return l(), n("div", {
+    class: "solidChart",
+    style: h([r.styleObject])
+  }, [
+    s("div", p, c(e.name), 1),
+    s("div", {
+      class: "chartBox",
+      id: a.echartId
+    }, null, 8, g)
+  ], 4);
+}
+const w = /* @__PURE__ */ d(y, [["render", m], ["__scopeId", "data-v-806b797c"]]);
+export {
+  w as default
+};

package/echartList/curve/dist/index.umd.js

@@ -0,0 +1 @@
+(function(o, r){ typeof exports == "object" && typeof module < "u" ? module.exports = r(require("vue")) : typeof define == "function" && define.amd ? define(["vue"], r) : (o = typeof globalThis < "u" ? globalThis : o || self, o.index = r(o.Vue)) })(this, function(o){ "use strict";const r = "", n = (t, i)=>{ const e = t.__vccOpts || t;for(const[s, a]of i){ e[s] = a; }return e }, l = {props: {name: {type: String, default: ""}, realTime: {type: Boolean, default: !1}, xData: {type: Array, default: ()=>[]}, yData: {type: Array, default: ()=>[]}, unit: {type: String, default: ""}, width: {type: String, default: "100%"}, height: {type: String, default: "100%"}, showLegend: {type: Boolean, default: !1}, layoutOptions: {type: Object}, seriesOptions: {type: Array, default: ()=>[]}}, computed: {styleObject(){ return{width: this.width, height: this.height} }}, watch: {xData(t){ this.option.xAxis.data = t, this.myChart.setOption(this.option) }, yData(t){ t.forEach((i, e)=>{ let s = Object.assign({}, this.seriesBasic);s.data = i, this.option.series[e].data = i }), this.myChart.setOption(this.option) }}, data(){ return{echartId: "", myChart: null, option: {color: ["#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4", "#ea7ccc"], grid: {left: "30px", top: "10%", right: "55px", bottom: "11%", containLabel: !0, color: "red"}, tooltip: {style: {color: "red"}}, xAxis: {boundaryGap: !1, splitLine: {show: !1}, axisLine: {lineStyle: {color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#e6e6e6" : "#999fa8", width: 1}}, axisLabel: {margin: 12, textStyle: {color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#595959" : "#d3d8e2", fontSize: "13"}}, labels: {style: {color: "#d3d8e2"}}, style: {color: "#d3d8e2"}, data: [1, 2, 3, 4, 5, 6]}, yAxis: {gridLineColor: "#3b4357", gridLineWidth: 1, type: "value", axisLine: {show: !1}, axisTick: {show: !1}, axisLabel: {margin: 12, textStyle: {color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#595959" : "#d3d8e2", fontSize: "13"}}, style: {color: "#d3d8e2", fontWeight: "bold", fontSize: "12px", fontFamily: "Trebuchet MS, Verdana, sans-serif"}, title: {style: {color: "#d3d8e2", fontWeight: "bold", fontSize: "12px", fontFamily: "Trebuchet MS, Verdana, sans-serif"}}, labels: {style: {color: "#d3d8e2"}}}, legend: {orient: "horizontal", textStyle: {color: "#A1E2FF"}, show: this.showLegend, icon: "circle"}, series: []}, seriesBasic: {type: "line", stack: "Total", emphasis: {lineStyle: {width: 2}}, smooth: !0, sampling: "average", lineStyle: {width: 2}}} }, created(){ this.echartId = this.myUtils.generateUUID() }, mounted(){ this.drawEchart() }, methods: {drawEchart(){ let t = document.getElementById(this.echartId);this.myChart = this.$echart.init(t), this.option = Object.assign({}, this.option, this.layoutOptions), this.yData.forEach((i, e)=>{ let s = this.seriesOptions[e] ? this.seriesOptions[e] : {}, a = this.merge(Object.assign({}, this.seriesBasic), s);a.data = i, this.option.series.push(a) }), this.myChart.setOption(this.option) }, merge(t, i){ if(typeof i == "object" && !Array.isArray(i)){ for(let e of Object.keys(i)){ !t[e] || typeof t[e] != "object" || Array.isArray(i[e]) ? t[e] = i[e] : this.merge(t[e], i[e]); } }return t }}}, d = {class: "name"}, c = ["id"];function h(t, i, e, s, a, y){ return o.openBlock(), o.createElementBlock("div", {class: "solidChart", style: o.normalizeStyle([y.styleObject])}, [o.createElementVNode("div", d, o.toDisplayString(e.name), 1), o.createElementVNode("div", {class: "chartBox", id: a.echartId}, null, 8, c)], 4) }return n(l, [["render", h], ["__scopeId", "data-v-806b797c"]]) });

package/echartList/curve/dist/style.css

@@ -0,0 +1 @@
+.solidChart[data-v-806b797c]{color:#fff}.solidChart .name[data-v-806b797c]{height:40px;font-size:18px}.solidChart .chartBox[data-v-806b797c]{width:100%;height:calc(100% - 40px)}.solidChart .chartBox div[data-v-806b797c],.solidChart .chartBox canvas[data-v-806b797c]{width:100%;height:100%!important}

package/echartList/historyEchart/dist/index.es.js

@@ -0,0 +1,292 @@
+import { createCommentVNode as s, createElementBlock as l, openBlock as i } from "vue";
+
+import "./style.css";
+function d(e, o) {
+  let t;
+  return function(a) {
+    let r = this, n = arguments;
+    t && clearTimeout(t), t = setTimeout(() => {
+      t = null, e.call(r, n);
+    }, o);
+  };
+}
+const h = {
+  props: {
+    historyTime: {
+      type: Array,
+      default: () => []
+    },
+    historyValue: {
+      type: Array,
+      default: () => []
+    },
+    status: {
+      type: Boolean,
+      default: !0
+    },
+    reflesh: {
+      type: Boolean,
+      default: !0
+    },
+    refleshExtream: {
+      type: Function
+    },
+    resize: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  watch: {
+    status: function(e) {
+      this.historyValue.length > 0 && this.onInquire();
+    },
+    reflesh: function(e) {
+      console.log(e), this.onInquire();
+    },
+    resize() {
+      this.echart && this.echart.resize();
+    }
+  },
+  data() {
+    return {
+      echart: null,
+      echartId: "",
+      zoomLock: !1
+      // reflesh: true
+    };
+  },
+  created() {
+    this.echartId = this.generateUUID();
+  },
+  destroyed() {
+    window.removeEventListener("resize", this.echart.resize());
+  },
+  mounted() {
+    window.addEventListener("resize", d(() => {
+      this.echart && this.echart.resize();
+    }, 500)), this.onInquire();
+  },
+  methods: {
+    generateUUID() {
+      let e = (/* @__PURE__ */ new Date()).getTime();
+      return window.performance && typeof window.performance.now == "function" && (e += performance.now()), "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
+        let a = (e + Math.random() * 16) % 16 | 0;
+        return e = Math.floor(e / 16), (t === "x" ? a : a & 3 | 8).toString(16);
+      });
+    },
+    // 历史曲线
+    onInquire() {
+      this.historyValue.length > 0 && setTimeout(() => {
+        this.echart = this.$echart.init(
+          document.getElementById(this.echartId),
+          "light"
+        );
+        let e = {
+          grid: {
+            left: "30px",
+            top: "10%",
+            right: "55px",
+            bottom: "14%",
+            containLabel: !0,
+            color: "red"
+          },
+          tooltip: {
+            style: {
+              color: "red"
+            }
+          },
+          xAxis: {
+            type: "category",
+            splitLine: {
+              show: !1
+            },
+            axisLine: {
+              lineStyle: {
+                color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#e6e6e6" : "#999fa8",
+                width: 1
+                // 这里是为了突出显示加上的
+              }
+            },
+            axisLabel: {
+              margin: 12,
+              textStyle: {
+                color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#595959" : "#d3d8e2",
+                fontSize: "13"
+              }
+            },
+            labels: {
+              style: {
+                color: "#d3d8e2"
+              }
+            },
+            style: {
+              color: "#d3d8e2"
+            },
+            data: this.historyTime
+          },
+          yAxis: {
+            gridLineColor: "#3b4357",
+            gridLineWidth: 1,
+            type: "value",
+            axisLine: {
+              show: !1
+            },
+            axisTick: {
+              show: !1
+            },
+            axisLabel: {
+              margin: 12,
+              textStyle: {
+                color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#595959" : "#d3d8e2",
+                fontSize: "13"
+              }
+            },
+            style: {
+              color: "#d3d8e2",
+              fontWeight: "bold",
+              fontSize: "12px",
+              fontFamily: "Trebuchet MS, Verdana, sans-serif"
+            },
+            title: {
+              style: {
+                color: "#d3d8e2",
+                fontWeight: "bold",
+                fontSize: "12px",
+                fontFamily: "Trebuchet MS, Verdana, sans-serif"
+              }
+            },
+            labels: {
+              style: {
+                color: "#d3d8e2"
+              }
+            }
+          },
+          dataZoom: [
+            {
+              type: "slider",
+              show: !0,
+              xAxisIndex: [0],
+              start: 0,
+              end: 100,
+              yAxisIndex: [3],
+              // minSpan: 5,
+              fillerColor: "transparent",
+              textStyle: {
+                color: window.localStorage.getItem("theme") && window.localStorage.getItem("theme") == "light" ? "#595959" : "#d3d8e2",
+                fontSize: "10"
+              },
+              labelFormatter: function(o, t) {
+                return t.split(" ")[0] + `
+` + t.split(" ")[1];
+              },
+              selectedDataBackground: {
+                lineStyle: {
+                  color: "#39CC7E",
+                  type: "solid"
+                },
+                areaStyle: {
+                  color: "transparent"
+                }
+              },
+              dataBackground: {
+                lineStyle: {
+                  color: "#184e31"
+                },
+                areaStyle: {
+                  color: "transparent"
+                }
+              }
+            }
+          ],
+          // dataZoom: [
+          //     {
+          //         show: true,
+          //         type: 'slider',
+          //         top: '90%',
+          //         start: 0,
+          //         end: 10,
+          //         textStyle: {
+          //             color: (window.localStorage.getItem('theme') && window.localStorage.getItem('theme') == 'light') ? '#595959' : '#d3d8e2',
+          //             fontSize: '10'
+          //         },
+          //         labelFormatter: function (value, time) {
+          //             return time.split(' ')[0] + '\n' + time.split(' ')[1];
+          //         },
+          //         handleSize: 20,
+          //         fillerColor: 'transparent',
+          //         // backgroundColor: '#8fdffe99',
+          //         handleStyle: {
+          //             // borderColor: 'red',
+          //             shadowBlur: 4,
+          //             shadowOffsetX: 1,
+          //             shadowOffsetY: 1,
+          //             // shadowColor: 'red',
+          //             opacity: 0.5
+          //         },
+          //         dataBackground: {
+          //             areaStyle: {
+          //                 // color: 'red'
+          //             }
+          //         }
+          //     }
+          // ],
+          series: [
+            {
+              data: this.historyValue,
+              type: "line",
+              smooth: !0,
+              sampling: "average",
+              itemStyle: {
+                normal: {
+                  color: "#39CC7E",
+                  //改变折线点的颜色
+                  lineStyle: {
+                    color: "#39CC7E"
+                    //改变折线颜色
+                  }
+                }
+              },
+              lineStyle: {
+                width: 2
+              },
+              emphasis: {
+                lineStyle: {
+                  width: 2
+                }
+              }
+            }
+          ]
+        };
+        this.echart.setOption(e), this.echart.on("dataZoom", (o) => {
+          this.$nextTick(() => {
+            o.batch ? (o.batch[0].start, o.batch[0].end) : (o.start, o.end);
+            let t = this.echart.getModel().option, a = t.dataZoom[0].startValue, r = t.dataZoom[0].endValue;
+            return this.refleshExtream(a, r), this.echart;
+          });
+        }), this.echart.hideLoading();
+      }, 500);
+    }
+  }
+};
+const c = (e, o) => {
+  const t = e.__vccOpts || e;
+  for (const [a, r] of o) { t[a] = r; }
+  return t;
+}, u = h, f = { class: "historyEchart" }, x = ["id"], y = ["data-noData"];
+function m(e, o, t, a, r, n) {
+  return i(), l("div", f, [
+    e.historyValue.length > 0 ? (i(), l("div", {
+      id: e.echartId,
+      key: e.reflesh
+    }, null, 8, x)) : s("", !0),
+    e.historyValue.length == 0 ? (i(), l("div", {
+      key: 1,
+      class: "noDataTips",
+      "data-noData": e.$t("publics.noData")
+    }, null, 8, y)) : s("", !0)
+  ]);
+}
+const p = /* @__PURE__ */ c(u, [["render", m], ["__scopeId", "data-v-1fae3189"]]);
+export {
+  p as default
+};