lw-cdp-ui 1.3.46 → 1.3.48

package/dist/components/lwBiChart/charts/AreaChart.vue

@@ -80,7 +80,7 @@ export default {
         textStyle: setting.textStyle || {}
       }
 
-      this.chart.setOption(this.option)
+      this.chart.setOption(this.option, true)
       setTimeout(() => {
         this.chart.resize()
       }, 10)

package/dist/components/lwBiChart/charts/BarChart.vue

@@ -76,7 +76,7 @@ export default {
         series: this.getSeries(setting, tables),
         dataZoom: this.getDataZoomOption(setting)
       }
-      this.chart.setOption(this.option)
+      this.chart.setOption(this.option, true)
       setTimeout(() => {
         this.chart.resize()
       }, 10)
@@ -258,9 +258,7 @@ export default {
       return (Math.round(num1 * factor) + Math.round(num2 * factor)) / factor
     },
     getSeries(setting, tables) {
-      const visibleTables = setting.displayMetrics
-        ? tables.filter(table => setting.displayMetrics.includes(`${table.name}.${table.metricId}`))
-        : tables
+      const visibleTables = tables.filter(table => setting?.displayMetrics?.includes(`${table.name}.${table.metricId}`))
 
       const series = []
 

package/dist/components/lwBiChart/charts/FunnelChart.vue

@@ -74,7 +74,7 @@ export default {
         series: this.getSeriesData(setting, tables),
         color: setting.color
       }
-      this.chart.setOption(this.option)
+      this.chart.setOption(this.option, true)
       setTimeout(() => {
         this.chart.resize()
       }, 10)

package/dist/components/lwBiChart/charts/GaugeChart.vue

@@ -71,7 +71,7 @@ export default {
         tooltip: this.getTooltipOption(setting),
         series: this.getSeriesData(setting, tables)
       }
-      this.chart.setOption(this.option)
+      this.chart.setOption(this.option, true)
       setTimeout(() => {
         this.chart.resize()
       }, 10)

package/dist/components/lwBiChart/charts/LineChart.vue

@@ -77,7 +77,7 @@ export default {
         series: this.getSeriesData(setting, tables),
         color: setting.color
       }
-      this.chart.setOption(this.option)
+      this.chart.setOption(this.option, true)
       setTimeout(() => {
         this.chart.resize()
       }, 10)
@@ -174,8 +174,10 @@ export default {
     },
 
     getSeriesData(setting, tables) {
+      const visibleTables = tables.filter(table => setting?.displayMetrics?.includes(`${table.name}.${table.metricId}`))
+      
       let list = []
-      tables.forEach(table => {
+      visibleTables.forEach(table => {
         table.rows.forEach(row => {
           list.push({
             name: row.name,

package/dist/components/lwBiChart/charts/MapChart.vue

@@ -87,7 +87,7 @@ export default {
         visualMap: this.getVisualMapOption(setting, tables),
         series: this.getSeriesData(setting, tables)
       }
-      this.chart.setOption(this.option)
+      this.chart.setOption(this.option, true)
       setTimeout(() => {
         this.chart.resize()
       }, 10)

package/dist/components/lwBiChart/charts/MetricCard.vue

@@ -53,8 +53,10 @@ export default {
       const {setting, dataSet} = this.rawData
       const {tables} = dataSet
 
+      const visibleTables = tables.filter(table => setting?.displayMetrics?.includes(`${table.name}.${table.metricId}`))
+
       const result = []
-      tables.forEach((table, index) => {
+      visibleTables.forEach((table, index) => {
         table.headers.forEach((x, xIndex) => {
           result.push({
             title: `${setting?.title?.text || table.metricName} ${table?.unitName ? `(${table.unitName})` : ''}`,

package/dist/components/lwBiChart/charts/PieChart.vue

@@ -75,7 +75,7 @@ export default {
         series: this.getSeriesData(setting, tables),
         color: setting.color
       }
-      this.chart.setOption(this.option)
+      this.chart.setOption(this.option, true)
       setTimeout(() => {
         this.chart.resize()
       }, 10)

package/dist/components/lwBiChart/charts/RadarChart.vue

@@ -74,7 +74,7 @@ export default {
         series: this.getSeriesData(setting, tables),
         color: setting.color || this.getDefaultColors()
       }
-      this.chart.setOption(this.option)
+      this.chart.setOption(this.option, true)
       setTimeout(() => {
         this.chart.resize()
       }, 10)

package/dist/components/lwBiChart/charts/ScatterChart.vue

@@ -78,7 +78,7 @@ export default {
         color: setting.useThemeColor ? undefined : setting.color || this.getDefaultColors(),
         toolbox: this.getToolboxOption(setting)
       }
-      this.chart.setOption(this.option)
+      this.chart.setOption(this.option, true)
       setTimeout(() => {
         this.chart.resize()
       }, 10)

package/dist/lw-cdp-ui.esm.js

@@ -20269,7 +20269,7 @@ const iy = /* @__PURE__ */ le(oy, [["render", ly]]), sy = {
         yAxis: this.getYAxisOption(e, t),
         series: this.getSeries(e, t),
         dataZoom: this.getDataZoomOption(e)
-      }, this.chart.setOption(this.option), setTimeout(() => {
+      }, this.chart.setOption(this.option, !0), setTimeout(() => {
         this.chart.resize();
       }, 10);
     },
@@ -20429,7 +20429,10 @@ const iy = /* @__PURE__ */ le(oy, [["render", ly]]), sy = {
       return (Math.round(e * l) + Math.round(n * l)) / l;
     },
     getSeries(e, n) {
-      const t = e.displayMetrics ? n.filter((a) => e.displayMetrics.includes(`${a.name}.${a.metricId}`)) : n, r = [];
+      const t = n.filter((a) => {
+        var o;
+        return (o = e == null ? void 0 : e.displayMetrics) == null ? void 0 : o.includes(`${a.name}.${a.metricId}`);
+      }), r = [];
       return t.forEach((a, o) => {
         var i, u, c, h, f, y;
         const l = {
@@ -20512,7 +20515,7 @@ function uy(e, n, t, r, a, o) {
     style: Le({ height: t.height })
   }, null, 4);
 }
-const Go = /* @__PURE__ */ le(sy, [["render", uy], ["__scopeId", "data-v-761e8a2c"]]), cy = {
+const Go = /* @__PURE__ */ le(sy, [["render", uy], ["__scopeId", "data-v-9e2d9cf7"]]), cy = {
   name: "LineChart",
   props: {
     rawData: {
@@ -20565,7 +20568,7 @@ const Go = /* @__PURE__ */ le(sy, [["render", uy], ["__scopeId", "data-v-761e8a2
         yAxis: this.getYAxisOption(),
         series: this.getSeriesData(e, t),
         color: e.color
-      }, this.chart.setOption(this.option), setTimeout(() => {
+      }, this.chart.setOption(this.option, !0), setTimeout(() => {
         this.chart.resize();
       }, 10));
     },
@@ -20648,14 +20651,18 @@ const Go = /* @__PURE__ */ le(sy, [["render", uy], ["__scopeId", "data-v-761e8a2
       };
     },
     getSeriesData(e, n) {
-      let t = [];
-      return n.forEach((r) => {
-        r.rows.forEach((a) => {
-          t.push({
-            name: a.name,
+      const t = n.filter((a) => {
+        var o;
+        return (o = e == null ? void 0 : e.displayMetrics) == null ? void 0 : o.includes(`${a.name}.${a.metricId}`);
+      });
+      let r = [];
+      return t.forEach((a) => {
+        a.rows.forEach((o) => {
+          r.push({
+            name: o.name,
             type: "line",
             smooth: e.smooth,
-            data: a.values,
+            data: o.values,
             itemStyle: {
               borderWidth: 2
             },
@@ -20664,7 +20671,7 @@ const Go = /* @__PURE__ */ le(sy, [["render", uy], ["__scopeId", "data-v-761e8a2
             } : void 0
           });
         });
-      }), t;
+      }), r;
     }
   }
 };
@@ -20675,7 +20682,7 @@ function dy(e, n, t, r, a, o) {
     style: Le({ height: t.height })
   }, null, 4);
 }
-const Ec = /* @__PURE__ */ le(cy, [["render", dy], ["__scopeId", "data-v-5d15f2e7"]]), hy = {
+const Ec = /* @__PURE__ */ le(cy, [["render", dy], ["__scopeId", "data-v-e3150606"]]), hy = {
   name: "PieChart",
   props: {
     rawData: {
@@ -20726,7 +20733,7 @@ const Ec = /* @__PURE__ */ le(cy, [["render", dy], ["__scopeId", "data-v-5d15f2e
         grid: e.grid ? this.getGridOption(e) : void 0,
         series: this.getSeriesData(e, t),
         color: e.color
-      }, this.chart.setOption(this.option), setTimeout(() => {
+      }, this.chart.setOption(this.option, !0), setTimeout(() => {
         this.chart.resize();
       }, 10));
     },
@@ -20845,7 +20852,7 @@ function fy(e, n, t, r, a, o) {
     style: Le({ height: t.height })
   }, null, 4);
 }
-const _c = /* @__PURE__ */ le(hy, [["render", fy], ["__scopeId", "data-v-b6790e48"]]), py = {
+const _c = /* @__PURE__ */ le(hy, [["render", fy], ["__scopeId", "data-v-8f9d5296"]]), py = {
   name: "AreaChart",
   props: {
     rawData: {
@@ -20900,7 +20907,7 @@ const _c = /* @__PURE__ */ le(hy, [["render", fy], ["__scopeId", "data-v-b6790e4
         series: this.getSeriesData(e, t),
         color: e.color,
         textStyle: e.textStyle || {}
-      }, this.chart.setOption(this.option), setTimeout(() => {
+      }, this.chart.setOption(this.option, !0), setTimeout(() => {
         this.chart.resize();
       }, 10));
     },
@@ -21048,7 +21055,7 @@ function gy(e, n, t, r, a, o) {
     style: Le({ height: t.height })
   }, null, 4);
 }
-const Ic = /* @__PURE__ */ le(py, [["render", gy], ["__scopeId", "data-v-ad20c3b8"]]), my = {
+const Ic = /* @__PURE__ */ le(py, [["render", gy], ["__scopeId", "data-v-36bc5811"]]), my = {
   name: "MetricCard",
   props: {
     rawData: {
@@ -21066,23 +21073,26 @@ const Ic = /* @__PURE__ */ le(py, [["render", gy], ["__scopeId", "data-v-ad20c3b
   },
   computed: {
     parsedData() {
-      const { setting: e, dataSet: n } = this.rawData, { tables: t } = n, r = [];
-      return t.forEach((a, o) => {
-        a.headers.forEach((l, i) => {
-          var u, c, h, f, y, E;
-          r.push({
-            title: `${((u = e == null ? void 0 : e.title) == null ? void 0 : u.text) || a.metricName} ${a != null && a.unitName ? `(${a.unitName})` : ""}`,
-            index: l,
-            color: e.color[i],
+      const { setting: e, dataSet: n } = this.rawData, { tables: t } = n, r = t.filter((o) => {
+        var l;
+        return (l = e == null ? void 0 : e.displayMetrics) == null ? void 0 : l.includes(`${o.name}.${o.metricId}`);
+      }), a = [];
+      return r.forEach((o, l) => {
+        o.headers.forEach((i, u) => {
+          var c, h, f, y, E, _;
+          a.push({
+            title: `${((c = e == null ? void 0 : e.title) == null ? void 0 : c.text) || o.metricName} ${o != null && o.unitName ? `(${o.unitName})` : ""}`,
+            index: i,
+            color: e.color[u],
             subtitle: "环比上期",
-            current: (c = a.rows[0]) == null ? void 0 : c.values[i],
-            tooltip: a.name,
-            percentage: i > 1 ? ((h = a.rows[0]) == null ? void 0 : h.values[i]) == 0 ? 0 : Math.round(
-              (((f = a.rows[0]) == null ? void 0 : f.values[i]) - ((y = a.rows[0]) == null ? void 0 : y.values[i - 1])) / ((E = a.rows[0]) == null ? void 0 : E.values[i - 1]) * 1e4
+            current: (h = o.rows[0]) == null ? void 0 : h.values[u],
+            tooltip: o.name,
+            percentage: u > 1 ? ((f = o.rows[0]) == null ? void 0 : f.values[u]) == 0 ? 0 : Math.round(
+              (((y = o.rows[0]) == null ? void 0 : y.values[u]) - ((E = o.rows[0]) == null ? void 0 : E.values[u - 1])) / ((_ = o.rows[0]) == null ? void 0 : _.values[u - 1]) * 1e4
             ) / 100 : 0
           });
         });
-      }), r;
+      }), a;
     }
   }
 }, Ay = { class: "title-container" };
@@ -21124,7 +21134,7 @@ function yy(e, n, t, r, a, o) {
     }, 1032, ["value"])
   ]))), 128);
 }
-const xc = /* @__PURE__ */ le(my, [["render", yy], ["__scopeId", "data-v-0ad8575e"]]), by = {
+const xc = /* @__PURE__ */ le(my, [["render", yy], ["__scopeId", "data-v-b5d8f5d4"]]), by = {
   name: "GaugeChart",
   props: {
     rawData: {
@@ -21171,7 +21181,7 @@ const xc = /* @__PURE__ */ le(my, [["render", yy], ["__scopeId", "data-v-0ad8575
         title: this.getTitleOption(e),
         tooltip: this.getTooltipOption(e),
         series: this.getSeriesData(e, t)
-      }, this.chart.setOption(this.option), setTimeout(() => {
+      }, this.chart.setOption(this.option, !0), setTimeout(() => {
         this.chart.resize();
       }, 10));
     },
@@ -21244,7 +21254,7 @@ function vy(e, n, t, r, a, o) {
     style: Le({ height: t.height })
   }, null, 4);
 }
-const Bc = /* @__PURE__ */ le(by, [["render", vy], ["__scopeId", "data-v-c5390c04"]]), Cy = {
+const Bc = /* @__PURE__ */ le(by, [["render", vy], ["__scopeId", "data-v-a653979c"]]), Cy = {
   name: "FunnelChart",
   props: {
     rawData: {
@@ -21294,7 +21304,7 @@ const Bc = /* @__PURE__ */ le(by, [["render", vy], ["__scopeId", "data-v-c5390c0
         grid: e.grid ? this.getGridOption(e) : void 0,
         series: this.getSeriesData(e, t),
         color: e.color
-      }, this.chart.setOption(this.option), setTimeout(() => {
+      }, this.chart.setOption(this.option, !0), setTimeout(() => {
         this.chart.resize();
       }, 10));
     },
@@ -21409,7 +21419,7 @@ function wy(e, n, t, r, a, o) {
     style: Le({ height: t.height })
   }, null, 4);
 }
-const kc = /* @__PURE__ */ le(Cy, [["render", wy], ["__scopeId", "data-v-699ac665"]]), Ey = {
+const kc = /* @__PURE__ */ le(Cy, [["render", wy], ["__scopeId", "data-v-2ec13ca2"]]), Ey = {
   name: "ScatterChart",
   props: {
     rawData: {
@@ -21463,7 +21473,7 @@ const kc = /* @__PURE__ */ le(Cy, [["render", wy], ["__scopeId", "data-v-699ac66
         series: this.getSeriesData(e, t),
         color: e.useThemeColor ? void 0 : e.color || this.getDefaultColors(),
         toolbox: this.getToolboxOption(e)
-      }, this.chart.setOption(this.option), setTimeout(() => {
+      }, this.chart.setOption(this.option, !0), setTimeout(() => {
         this.chart.resize();
       }, 10));
     },
@@ -21639,7 +21649,7 @@ function _y(e, n, t, r, a, o) {
     style: Le({ height: t.height })
   }, null, 4);
 }
-const Lc = /* @__PURE__ */ le(Ey, [["render", _y], ["__scopeId", "data-v-0b97bcaa"]]), Iy = {
+const Lc = /* @__PURE__ */ le(Ey, [["render", _y], ["__scopeId", "data-v-417f4a97"]]), Iy = {
   name: "RadarChart",
   props: {
     rawData: {
@@ -21689,7 +21699,7 @@ const Lc = /* @__PURE__ */ le(Ey, [["render", _y], ["__scopeId", "data-v-0b97bca
         radar: this.getRadarOption(e, t),
         series: this.getSeriesData(e, t),
         color: e.color || this.getDefaultColors()
-      }, this.chart.setOption(this.option), setTimeout(() => {
+      }, this.chart.setOption(this.option, !0), setTimeout(() => {
         this.chart.resize();
       }, 10));
     },
@@ -21787,7 +21797,7 @@ function xy(e, n, t, r, a, o) {
     style: Le({ height: t.height })
   }, null, 4);
 }
-const Fc = /* @__PURE__ */ le(Iy, [["render", xy], ["__scopeId", "data-v-d385f1c4"]]), By = {
+const Fc = /* @__PURE__ */ le(Iy, [["render", xy], ["__scopeId", "data-v-02639535"]]), By = {
   name: "MapChart",
   props: {
     rawData: {
@@ -21846,7 +21856,7 @@ const Fc = /* @__PURE__ */ le(Iy, [["render", xy], ["__scopeId", "data-v-d385f1c
         legend: this.getLegendOption(e, t),
         visualMap: this.getVisualMapOption(e, t),
         series: this.getSeriesData(e, t)
-      }, this.chart.setOption(this.option), setTimeout(() => {
+      }, this.chart.setOption(this.option, !0), setTimeout(() => {
         this.chart.resize();
       }, 10));
     },
@@ -21928,7 +21938,7 @@ function ky(e, n, t, r, a, o) {
     style: Le({ height: t.height })
   }, null, 4);
 }
-const Sc = /* @__PURE__ */ le(By, [["render", ky], ["__scopeId", "data-v-1b418b14"]]), Ly = {
+const Sc = /* @__PURE__ */ le(By, [["render", ky], ["__scopeId", "data-v-91f815bb"]]), Ly = {
   name: "ReportTable",
   props: {
     rawData: {