@ued_fpi/data-visual 1.2.6 → 1.2.7

package/dist/es/wgms/src/FactorTopThreeRanking/index.vue.d.ts

@@ -20,11 +20,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {
@@ -53,11 +53,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {

package/dist/es/wgms/src/FactorTopThreeRanking/index.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, ref, watch, nextTick, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode } from 'vue';
-import echarts from '../../utils/echarts/index.mjs';
+import { defineComponent, ref, watch, nextTick, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, createVNode } from 'vue';
+import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
 import { getTopThreeData } from './api/index.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -31,12 +31,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       // w01016
     },
     startTime: {
-      type: String,
+      type: Number,
       required: false
       // 1663257600000
     },
     endTime: {
-      type: String,
+      type: Number,
       required: false
       // 1663257600000
     },
@@ -48,6 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const chartRef = ref();
+    const option = ref(void 0);
     watch([
       () => props.type,
       () => props.timeType,
@@ -94,9 +95,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return "";
       });
       const xData = resData.map((item) => item.factorName);
-      const chart = echarts.init(chartRef.value);
-      const barOptions = getAlgaeBarOptions(xData, upData, downData);
-      chart.setOption(barOptions);
+      option.value = getAlgaeBarOptions(xData, upData, downData);
     };
     const getHeight = computed(() => {
       if (typeof props.height === "string")
@@ -121,7 +120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             axisLine: {
               show: true,
               lineStyle: {
-                color: "rgba(255, 255, 255, 0.5)"
+                color: "var(--dv-color-fill-lighter)"
               }
             },
             axisTick: {
@@ -129,9 +128,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               show: true,
-              fontFamily: "TRENDS",
-              fontSize: 18,
-              color: "#fff"
+              fontSize: "var(--dv-text-body1)",
+              color: "var(--dv-color-text-primary)"
             },
             splitLine: {
               show: false
@@ -162,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             type: "bar",
             stack: "Total",
             barWidth: 24,
-            color: "#00e87e",
+            color: "var(--dv-color-success)",
             label: {
               normal: {
                 show: true,
@@ -170,9 +168,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 offset: [0, -4],
                 formatter: "{c}",
                 textStyle: {
-                  color: "#00e87e",
-                  fontFamily: "Furore",
-                  fontSize: 16
+                  color: "var(--dv-color-success)",
+                  fontFamily: "var(--dv-font-family-number)",
+                  fontSize: "var(--dv-text-number1)"
                 }
               }
             },
@@ -187,7 +185,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             type: "bar",
             stack: "Total",
             barWidth: 24,
-            color: "#f2be32",
+            color: "var(--dv-color-warning)",
             label: {
               normal: {
                 show: true,
@@ -195,9 +193,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 offset: [0, -4],
                 formatter: "{c}",
                 textStyle: {
-                  color: "#f2be32",
-                  fontFamily: "Furore",
-                  fontSize: 16
+                  color: "var(--dv-color-warning)",
+                  fontFamily: "var(--dv-font-family-number)",
+                  fontSize: "var(--dv-text-number1)"
                 }
               }
             },
@@ -220,7 +218,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref_key: "chartRef",
           ref: chartRef,
           class: "dv-wgms-chart"
-        }, null, 512)
+        }, [
+          createVNode(_sfc_main$1, { options: option.value }, null, 8, ["options"])
+        ], 512)
       ], 4);
     };
   }

package/dist/es/wgms/src/FactorTrendComparison/index.d.ts

@@ -50,8 +50,8 @@ export declare const DvWgmsFactorTrendComparison: {
                 [key: string]: any;
             }>) => void)[] | undefined;
             class?: unknown;
-            readonly endTime?: string | undefined;
-            readonly startTime?: string | undefined;
+            readonly endTime?: number | undefined;
+            readonly startTime?: number | undefined;
             readonly timeType?: string | undefined;
             readonly siteCode?: string | undefined;
             readonly stationCode?: string | undefined;
@@ -87,11 +87,11 @@ export declare const DvWgmsFactorTrendComparison: {
                 required: false;
             };
             startTime: {
-                type: StringConstructor;
+                type: NumberConstructor;
                 required: false;
             };
             endTime: {
-                type: StringConstructor;
+                type: NumberConstructor;
                 required: false;
             };
             data: {
@@ -138,11 +138,11 @@ export declare const DvWgmsFactorTrendComparison: {
             required: false;
         };
         startTime: {
-            type: StringConstructor;
+            type: NumberConstructor;
             required: false;
         };
         endTime: {
-            type: StringConstructor;
+            type: NumberConstructor;
             required: false;
         };
         data: {
@@ -171,11 +171,11 @@ export declare const DvWgmsFactorTrendComparison: {
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {

package/dist/es/wgms/src/FactorTrendComparison/index.vue.d.ts

@@ -16,11 +16,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {
@@ -45,11 +45,11 @@ declare const _default: import("vue").DefineComponent<{
         required: false;
     };
     startTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     endTime: {
-        type: StringConstructor;
+        type: NumberConstructor;
         required: false;
     };
     data: {

package/dist/es/wgms/src/FactorTrendComparison/index.vue.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, toRefs, watch, nextTick, openBlock, createElementBlock, createElementVNode } from 'vue';
-import echarts from '../../utils/echarts/index.mjs';
+import { defineComponent, ref, toRefs, watch, nextTick, openBlock, createElementBlock, createElementVNode, createVNode, unref } from 'vue';
+import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
 import { getTrendComparisonData } from './api/index.mjs';
 
 const _hoisted_1 = { class: "dv-wgms-factor-trend-comparison" };
@@ -28,12 +28,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       // w01016
     },
     startTime: {
-      type: String,
+      type: Number,
       required: false
       // 1663257600000
     },
     endTime: {
-      type: String,
+      type: Number,
       required: false
       // 1663257600000
     },
@@ -44,6 +44,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
+    const option = ref(void 0);
     const state = {
       factorMap: [],
       seriesData: [],
@@ -88,7 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       data.forEach((item) => {
         const timesList = item.factorTimeDataList.map((item2) => item2.time);
         const valueList = item.factorTimeDataList.map((item2) => item2.value);
-        xData = timesList.map((item2) => item2 && item2.substring(5, 11));
+        xData = timesList.map((item2) => item2);
         const obj = {
           name: item.factorName,
           type: "line",
@@ -98,10 +99,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         };
         state.seriesData.push(obj);
       });
-      const chart = echarts.init(chartRef.value);
       await nextTick(async () => {
-        const lineOptions = getChartOptions(xData, state.seriesData);
-        chart.setOption(lineOptions);
+        option.value = getChartOptions(xData, state.seriesData);
       });
     };
     const getChartOptions = (xData, seriesData) => {
@@ -121,9 +120,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           icon: "circle",
           bottom: 10,
           textStyle: {
-            fontFamily: "TRENDS",
-            color: "#909399",
-            fontSize: "12px"
+            color: "var(--dv-color-text-primary)",
+            fontSize: "var(--dv-text-body2)"
           }
         },
         grid: {
@@ -140,13 +138,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             data: xData,
             boundaryGap: false,
             axisLine: {
-              show: false
+              show: true,
+              lineStyle: {
+                color: "var(--dv-color-fill-lighter)"
+              }
             },
             axisLabel: {
               textStyle: {
-                fontFamily: "TRENDS",
-                fontSize: "12",
-                color: "rgba(255,255,255,0.6)"
+                fontSize: "var(--dv-text-number2)",
+                fontFamily: "var(--dv-font-family-number)",
+                color: "var(--dv-color-text-primary)"
               }
             },
             axisTick: {
@@ -159,9 +160,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           {
             name: "因子值\n(mg/l)",
             nameTextStyle: {
-              fontFamily: "TRENDS",
-              color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px",
+              color: "var(--dv-color-text-secondary)",
+              fontSize: "var(--dv-text-body2)",
               align: "center",
               padding: [0, 0, 0, 0]
             },
@@ -170,20 +170,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             axisLabel: {
               formatter: "{value}",
               textStyle: {
-                fontFamily: "TRENDS",
-                color: "rgba(255, 255, 255, 0.6)",
-                fontSize: "16px",
+                color: "var(--dv-color-text-secondary)",
+                fontSize: "var(--dv-text-number2)",
+                fontFamily: "var(--dv-font-family-number)",
                 align: "center",
                 padding: [0, 0, 0, 5]
               }
             },
             splitArea: {
+              show: false
+            },
+            splitLine: {
               show: true,
-              areaStyle: {
-                color: ["transparent", "rgba(255, 255, 255, 0.05)"]
+              lineStyle: {
+                color: "var(--dv-color-fill-lighter)"
               }
             },
-            splitLine: { show: false },
             axisTick: { show: false },
             axisPointer: {
               snap: true
@@ -193,9 +195,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             name: "叶绿素a\n(μg/l)",
             nameTextStyle: {
               align: "center",
-              fontFamily: "TRENDS",
-              color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px",
+              color: "var(--dv-color-text-secondary)",
+              fontSize: "var(--dv-text-body2)",
               padding: [0, 0, 0, 0]
             },
             type: "value",
@@ -204,9 +205,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             axisLabel: {
               formatter: "{value}",
               textStyle: {
-                fontFamily: "TRENDS",
-                color: "rgba(255, 255, 255, 0.6)",
-                fontSize: "16px",
+                color: "var(--dv-color-text-secondary)",
+                fontSize: "var(--dv-text-number2)",
+                fontFamily: "var(--dv-font-family-number)",
                 align: "center"
               },
               padding: [0, 0, 0, 0]
@@ -221,9 +222,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             name: "水温\n(℃)",
             nameTextStyle: {
               align: "center",
-              fontFamily: "TRENDS",
-              color: "rgba(255, 255, 255, 0.6)",
-              fontSize: "14px",
+              color: "var(--dv-color-text-secondary)",
+              fontSize: "var(--dv-text-body2)",
               padding: [0, 0, 0, 20]
             },
             type: "value",
@@ -232,9 +232,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             axisLabel: {
               formatter: "{value}",
               textStyle: {
-                fontFamily: "TRENDS",
-                color: "rgba(255, 255, 255, 0.6)",
-                fontSize: "16px",
+                color: "var(--dv-color-text-secondary)",
+                fontSize: "var(--dv-text-number2)",
+                fontFamily: "var(--dv-font-family-number)",
                 align: "center"
               },
               padding: [0, 0, 0, 20]
@@ -256,7 +256,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref_key: "chartRef",
           ref: chartRef,
           class: "chart"
-        }, null, 512)
+        }, [
+          createVNode(_sfc_main$1, { options: unref(option) }, null, 8, ["options"])
+        ], 512)
       ]);
     };
   }

package/dist/es/wgms/src/KeyRiverWaterQualityEvaluation/index.vue.mjs

@@ -5,11 +5,10 @@ import * as _3 from './images/3.svg.mjs';
 import * as _4 from './images/4.svg.mjs';
 import * as _5 from './images/5.svg.mjs';
 import * as _6 from './images/6.svg.mjs';
-import * as down from './images/down.svg.mjs';
-import * as right from './images/right.svg.mjs';
-import * as up from './images/up.svg.mjs';
-import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeStyle, createCommentVNode } from 'vue';
+import { defineComponent, ref, onMounted, watch, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, normalizeStyle, createBlock, createCommentVNode } from 'vue';
 import dayjs from 'dayjs';
+import _sfc_main$1 from '../common/common-arrow.vue.mjs';
+import '../common/common-arrow.vue2.mjs';
 import { getKeyRiverData } from './api/index.mjs';
 
 const _hoisted_1 = { class: "dv-wgms-key-river dv-wgms-flex-around-center" };
@@ -18,7 +17,6 @@ const _hoisted_3 = { class: "dv-wgms-key-river-one-content" };
 const _hoisted_4 = ["src"];
 const _hoisted_5 = { class: "dv-wgms-key-river-one-compare dv-wgms-flex-left-center" };
 const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", null, "同比", -1);
-const _hoisted_7 = ["src"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -36,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const imgList = /* #__PURE__ */ Object.assign({"./images/0.svg": _0,"./images/1.svg": _1,"./images/2.svg": _2,"./images/3.svg": _3,"./images/4.svg": _4,"./images/5.svg": _5,"./images/6.svg": _6,"./images/down.svg": down,"./images/right.svg": right,"./images/up.svg": up});
+    const imgList = /* #__PURE__ */ Object.assign({"./images/0.svg": _0,"./images/1.svg": _1,"./images/2.svg": _2,"./images/3.svg": _3,"./images/4.svg": _4,"./images/5.svg": _5,"./images/6.svg": _6});
     const listData = ref([]);
     onMounted(() => {
       getResData();
@@ -75,11 +73,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             createElementVNode("div", _hoisted_5, [
               _hoisted_6,
-              item.yoyType !== null ? (openBlock(), createElementBlock("img", {
+              item.yoyType !== null ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
-                src: getImg(`${item.yoyType > 0 ? "up" : item.yoyType < 1 ? "down" : "right"}.svg`),
-                alt: ""
-              }, null, 8, _hoisted_7)) : createCommentVNode("", true)
+                direction: item.yoyType > 0 ? "up" : item.yoyType < 1 ? "down" : "flat"
+              }, null, 8, ["direction"])) : createCommentVNode("", true)
             ])
           ]);
         }), 128))

package/dist/es/wgms/src/LakeRiverIndex/images/0.svg.mjs

@@ -1,3 +1,3 @@
-const img0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMS45OTk5OTkyODQ3NDQyNjMiIGhlaWdodD0iNy45OTk5OTk1MjMxNjI4NDIiIHZpZXdCb3g9IjAgMCAxMS45OTk5OTkyODQ3NDQyNjMgNy45OTk5OTk1MjMxNjI4NDIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAsMC45OTk5OTk5NDAzOTUzNTUyLC0wLjk5OTk5OTk0MDM5NTM1NTIsMCwxMS45OTk5OTkyODQ3NDQyNjMsLTExLjk5OTk5ODU2OTQ4ODU2OCkiPjxwYXRoIGQ9Ik0xMS45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsMTJMMTYuOTk5OTk5Mjg0NzQ0MjYzLDEyTDE2Ljk5OTk5OTI4NDc0NDI2Myw1TDE5Ljk5OTk5OTI4NDc0NDI2Myw1TDE1Ljk5OTk5OTI4NDc0NDI2MywwTDExLjk5OTk5OTI4NDc0NDI2Myw1WiIgZmlsbD0iIzMzRTVGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvc3ZnPg==";
+const img0 = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSJub25lIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMS45OTk5OTkyODQ3NDQyNjMiIGhlaWdodD0iNy45OTk5OTk1MjMxNjI4NDIiIHZpZXdCb3g9IjAgMCAxMS45OTk5OTkyODQ3NDQyNjMgNy45OTk5OTk1MjMxNjI4NDIiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAsMC45OTk5OTk5NDAzOTUzNTUyLC0wLjk5OTk5OTk0MDM5NTM1NTIsMCwxMS45OTk5OTkyODQ3NDQyNjMsLTExLjk5OTk5ODU2OTQ4ODU2OCkiPjxwYXRoIGQ9Ik0xMS45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsNUwxNC45OTk5OTkyODQ3NDQyNjMsMTJMMTYuOTk5OTk5Mjg0NzQ0MjYzLDEyTDE2Ljk5OTk5OTI4NDc0NDI2Myw1TDE5Ljk5OTk5OTI4NDc0NDI2Myw1TDE1Ljk5OTk5OTI4NDc0NDI2MywwTDExLjk5OTk5OTI4NDc0NDI2Myw1WiIgZmlsbD0iIzAwREVGRiIgZmlsbC1vcGFjaXR5PSIxIi8+PC9nPjwvc3ZnPg==";
 
 export { img0 as default };

package/dist/es/wgms/src/NPTrendChange/index.vue.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, toRefs, watch, nextTick, openBlock, createElementBlock, createElementVNode } from 'vue';
+import { defineComponent, ref, toRefs, watch, nextTick, openBlock, createElementBlock, createElementVNode, createVNode, unref } from 'vue';
 import echarts from '../../utils/echarts/index.mjs';
+import _sfc_main$1 from '../../utils/echarts/BaseECharts.vue.mjs';
 import { getNPTrendChange } from './api/index.mjs';
 
 const _hoisted_1 = { class: "dv-wgms-n-p-trend-change" };
@@ -48,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       chartRef: null
       // 图表实例
     };
+    const option = ref(void 0);
     const { chartRef } = toRefs(state);
     watch([
       () => props.type,
@@ -87,9 +89,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const preList = data.map((item) => item.percent) ?? [];
       const xData = timeList.map((item) => item && item);
       const NPList = preList.map((item) => item && item * 100);
-      const chart = echarts.init(chartRef.value);
-      const options = getChartOptions(xData, NPList, echarts);
-      chart.setOption(options);
+      option.value = getChartOptions(xData, NPList, echarts);
     }
     const getChartOptions = (xData, data, echarts2) => {
       return {
@@ -100,9 +100,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           left: 10,
           top: 14,
           textStyle: {
-            color: "rgba(255,255,255,0.6)",
-            fontSize: 14,
-            fontFamily: "TRENDS"
+            color: "var(--dv-color-text-secondary)",
+            fontSize: "var(--dv-text-number2)",
+            fontFamily: "var(--dv-font-family-number)"
           }
         },
         tooltip: {
@@ -128,9 +128,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             },
             axisLabel: {
               textStyle: {
-                fontFamily: "TRENDS",
-                fontSize: "16",
-                color: "rgba(255,255,255,0.6)"
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)",
+                color: "var(--dv-color-text-primary)"
               }
             },
             axisTick: {
@@ -145,21 +145,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             name: "",
             axisLabel: {
               textStyle: {
-                fontFamily: "TRENDS",
-                fontSize: 16,
-                color: "rgba(255,255,255,0.6)"
+                fontFamily: "var(--dv-font-family-number)",
+                fontSize: "var(--dv-text-number2)",
+                color: "var(--dv-color-text-secondary)"
               }
             },
             axisLine: {
               show: false
             },
             splitArea: {
+              show: false
+            },
+            splitLine: {
               show: true,
-              areaStyle: {
-                color: ["rgba(255, 255, 255, 0.05)", "transparent"]
+              lineStyle: {
+                color: "var(--dv-color-fill-lighter)"
               }
             },
-            splitLine: { show: false },
             axisTick: { show: false }
           }
         ],
@@ -170,12 +172,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             symbolSize: 0,
             smooth: true,
             lineStyle: {
-              color: "#47E5E5"
+              color: "var(--dv-color-index)"
             },
             areaStyle: {
               normal: {
                 color: new echarts2.graphic.LinearGradient(0, 0, 0, 1, [
-                  { offset: 0, color: "#47E5E5 " },
+                  { offset: 0, color: "var(--dv-color-index)" },
                   { offset: 1, color: "rgba(71,229,229,0.06)" }
                 ])
               }
@@ -192,7 +194,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref_key: "chartRef",
           ref: chartRef,
           class: "chart"
-        }, null, 512)
+        }, [
+          createVNode(_sfc_main$1, { options: unref(option) }, null, 8, ["options"])
+        ], 512)
       ]);
     };
   }

package/dist/es/wgms/src/PollutionSourceControl/index.vue.mjs

@@ -5,7 +5,7 @@ import { defineComponent, reactive, ref, watch, computed, onMounted, toRefs, ope
 import { maxBy } from 'lodash-es';
 import dayjs from 'dayjs';
 import { pollutionSourcePieOptions } from '../../utils/echarts/echartsOptions.mjs';
-import echarts from '../../utils/echarts/index.mjs';
+import _sfc_main$3 from '../../utils/echarts/BaseECharts.vue.mjs';
 import _sfc_main$2 from '../common/ProgressBar.vue.mjs';
 import '../common/ProgressBar.vue2.mjs';
 import _sfc_main$1 from '../common/select-panel.vue.mjs';
@@ -100,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       curSelectFactor: props.defaultSelectFactor,
       overCountMax: 0,
       chartDetail: [],
-      colorList: ["#F84439", "#0062FF", "#2AC94F"],
+      colorList: ["var(--dv-color-danger)", "var(--dv-color-primary)", "var(--dv-color-success)"],
       nh3OverNum: 0,
       tpOverNum: 0,
       totalCount: 0
@@ -141,6 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("factorChange", item.code);
       keyPollutionData();
     };
+    const option = ref([]);
     onMounted(() => {
       if (props.isLazy)
         return;
@@ -200,19 +201,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         { name: "磷超标", value: resData?.pcount ?? "--", percent: resData?.ppercent ?? "--" },
         { name: "其他", value: resData?.otherCount ?? "--", percent: resData?.otherPercent ?? "--" }
       ];
-      const colors = ["#35aded", "#ff9902", "#00fc83"];
       data.chartDetail = dataList.map((item, index) => {
         return {
           ...item,
-          itemStyle: { color: colors[index] }
+          itemStyle: { color: data.colorList[index] }
         };
       });
       const seriesData = [
         ...data.chartDetail
       ];
-      const chart = echarts.init(statChart.value);
-      const lineOptions = pollutionSourcePieOptions(seriesData);
-      chart.setOption(lineOptions);
+      option.value = pollutionSourcePieOptions(seriesData);
     };
     const { companyList, colorList, nh3OverNum, tpOverNum, totalCount, chartDetail, overCountMax, curSelectFactor } = toRefs(data);
     __expose({
@@ -250,10 +248,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   createElementVNode("div", _hoisted_9, [
                     createVNode(_sfc_main$2, {
-                      "active-color": "linear-gradient(270deg, #F84439 0%, rgba(248,68,57,0.35) 100%)",
-                      "handle-style": { background: "#F84439" },
+                      "active-color": "linear-gradient(270deg, var(--dv-color-danger) 0%, var(--dv-color-danger-30) 100%)",
+                      "handle-style": { background: "var(--dv-color-danger)" },
                       percentage: item.overCount / unref(overCountMax) * 100
-                    }, null, 8, ["percentage"])
+                    }, null, 8, ["handle-style", "percentage"])
                   ])
                 ]);
               }), 128))
@@ -272,7 +270,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ref_key: "statChart",
                   ref: statChart,
                   class: "dv-wgms-chart"
-                }, null, 512)
+                }, [
+                  createVNode(_sfc_main$3, { options: unref(option) }, null, 8, ["options"])
+                ], 512)
               ])
             ]),
             createElementVNode("div", _hoisted_17, [