@ued_fpi/data-visual 1.2.10 → 1.2.12

package/dist/lib/aims/index.js

@@ -2,16 +2,16 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const index$m = require('./src/index.js');
+const index$o = require('./src/index.js');
 
 const aims = {
   install: (app) => {
-    for (const c in index$m) {
-      const currCom = index$m[c];
+    for (const c in index$o) {
+      const currCom = index$o[c];
       if (currCom.__name === "index")
         app.component(c, currCom);
       else
-        app.use(index$m[c]);
+        app.use(index$o[c]);
     }
   }
 };

package/dist/lib/aims/src/AirQualityCalendar/index.vue.js

@@ -5,42 +5,26 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const es = require('element-plus/es');
 require('element-plus/es/components/base/style/css');
 require('element-plus/es/components/date-picker/style/css');
+require('element-plus/es/components/icon/style/css');
 const vue = require('vue');
-const leftArrowDouble = require('./images/left-arrow-double.png.js');
-const leftArrow = require('./images/left-arrow.png.js');
-const rightArrow = require('./images/right-arrow.png.js');
-const rightArrowDouble = require('./images/right-arrow-double.png.js');
 const dayjs = require('dayjs');
+const iconsVue = require('@element-plus/icons-vue');
 const fpiTgFactorTools = require('fpi-tg-factor-tools');
-const index = require('./api/index.js');
+require('../common/BasicNoData/index.js');
+const index$1 = require('./api/index.js');
+const index = require('../common/BasicNoData/index.vue.js');
 
 const _hoisted_1 = { class: "dv-aims-air-quality-calendar-container" };
 const _hoisted_2 = { class: "flex date-time" };
 const _hoisted_3 = { class: "flex img-left" };
-const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("img", { src: leftArrowDouble.default }, null, -1);
-const _hoisted_5 = [
-  _hoisted_4
-];
-const _hoisted_6 = /* @__PURE__ */ vue.createElementVNode("img", { src: leftArrow.default }, null, -1);
-const _hoisted_7 = [
-  _hoisted_6
-];
-const _hoisted_8 = { class: "flex img-right" };
-const _hoisted_9 = /* @__PURE__ */ vue.createElementVNode("img", { src: rightArrow.default }, null, -1);
-const _hoisted_10 = [
-  _hoisted_9
-];
-const _hoisted_11 = /* @__PURE__ */ vue.createElementVNode("img", { src: rightArrowDouble.default }, null, -1);
-const _hoisted_12 = [
-  _hoisted_11
-];
-const _hoisted_13 = { class: "flex weeks" };
-const _hoisted_14 = { class: "flex calendar-content" };
-const _hoisted_15 = { class: "day" };
-const _hoisted_16 = { class: "num" };
-const _hoisted_17 = { class: "suff-null-day" };
-const _hoisted_18 = { class: "flex legends" };
-const _hoisted_19 = { class: "level" };
+const _hoisted_4 = { class: "flex img-right" };
+const _hoisted_5 = { class: "flex weeks" };
+const _hoisted_6 = { class: "flex calendar-content" };
+const _hoisted_7 = { class: "day" };
+const _hoisted_8 = { class: "num" };
+const _hoisted_9 = { class: "suff-null-day" };
+const _hoisted_10 = { class: "flex legends" };
+const _hoisted_11 = { class: "level" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -114,12 +98,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           level: "无数据",
           key: "noData",
           color: "#FFFFFF",
-          bgColor: "rgba(255, 255, 255, 0.2)"
+          bgColor: "#909399"
         }
       ]
     });
     const getDayBgColor = (item) => {
-      return Number(item.value) && Number(item.value) > 0 ? fpiTgFactorTools.factorToColor(props.apiParams.factorCode, item.value, "day") : "rgba(255, 255, 255, 0.5)";
+      return Number(item.value) && Number(item.value) > 0 ? fpiTgFactorTools.factorToColor(props.apiParams.factorCode, item.value, "day") : "#909399";
     };
     const getDayValue = (item) => {
       return !item.value && item.value !== 0 ? "-" : String(item.value).includes(".") ? item.value.toFixed(2) : item.value;
@@ -129,7 +113,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         time: dateTime.value,
         ...props.apiParams
       };
-      index.getEnvFeatureCalendar(params).then((res) => {
+      index$1.getEnvFeatureCalendar(params).then((res) => {
         if (res.data) {
           const data = res.data;
           const time = dateTime.value;
@@ -168,40 +152,69 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      const _component_el_date_picker = es.ElDatePicker;
+      const _component_ElIcon = es.ElIcon;
+      const _component_ElDatePicker = es.ElDatePicker;
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("div", {
               class: "arrow left-arrow-double",
               onClick: _cache[0] || (_cache[0] = ($event) => changeTime(-1, "year"))
-            }, _hoisted_5),
+            }, [
+              vue.createVNode(_component_ElIcon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.DArrowLeft))
+                ]),
+                _: 1
+              })
+            ]),
             vue.createElementVNode("div", {
               class: "arrow left-arrow",
               onClick: _cache[1] || (_cache[1] = ($event) => changeTime(-1, "month"))
-            }, _hoisted_7)
+            }, [
+              vue.createVNode(_component_ElIcon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.ArrowLeft))
+                ]),
+                _: 1
+              })
+            ])
           ]),
-          vue.createVNode(_component_el_date_picker, {
-            modelValue: dateTime.value,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dateTime.value = $event),
+          vue.createVNode(_component_ElDatePicker, {
+            modelValue: vue.unref(dateTime),
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(dateTime) ? dateTime.value = $event : null),
             teleported: false,
             type: "month",
             clearable: false,
             "disabled-date": pickerOptions,
             onChange: changeDatePicker
           }, null, 8, ["modelValue"]),
-          vue.createElementVNode("div", _hoisted_8, [
+          vue.createElementVNode("div", _hoisted_4, [
             vue.createElementVNode("div", {
               class: "arrow right-arrow",
               onClick: _cache[3] || (_cache[3] = ($event) => changeTime(1, "month"))
-            }, _hoisted_10),
+            }, [
+              vue.createVNode(_component_ElIcon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.ArrowRight))
+                ]),
+                _: 1
+              })
+            ]),
             vue.createElementVNode("div", {
               class: "arrow right-arrow-double",
               onClick: _cache[4] || (_cache[4] = ($event) => changeTime(1, "year"))
-            }, _hoisted_12)
+            }, [
+              vue.createVNode(_component_ElIcon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.DArrowRight))
+                ]),
+                _: 1
+              })
+            ])
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_13, [
+        vue.createElementVNode("div", _hoisted_5, [
           (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(weeks, (item, index) => {
             return vue.createElementVNode("div", {
               key: index,
@@ -209,39 +222,44 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, vue.toDisplayString(item), 1);
           }), 64))
         ]),
-        vue.createElementVNode("div", _hoisted_14, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.preNullList, (item, index) => {
+        vue.withDirectives(vue.createElementVNode("div", _hoisted_6, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(calendarData).preNullList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index,
               class: "item pre-null"
             });
           }), 128)),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.list, (item, index) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(calendarData).list, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index,
               class: "item",
               style: vue.normalizeStyle({ background: getDayBgColor(item) })
             }, [
-              vue.createElementVNode("div", _hoisted_15, vue.toDisplayString(index + 1), 1),
-              vue.createElementVNode("div", _hoisted_16, vue.toDisplayString(getDayValue(item)), 1)
+              vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(index + 1), 1),
+              vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(getDayValue(item)), 1)
             ], 4);
           }), 128)),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.suffNullList, (item, index) => {
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(calendarData).suffNullList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index,
               class: "item flex suff-null"
             }, [
-              vue.createElementVNode("div", _hoisted_17, vue.toDisplayString(index + 1 + calendarData.list.length), 1)
+              vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(index + 1 + vue.unref(calendarData).list.length), 1)
             ]);
           }), 128))
+        ], 512), [
+          [vue.vShow, vue.unref(calendarData).list.length]
+        ]),
+        vue.withDirectives(vue.createVNode(vue.unref(index.default), null, null, 512), [
+          [vue.vShow, !vue.unref(calendarData).list.length]
         ]),
-        vue.createElementVNode("div", _hoisted_18, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(calendarData.legends, (item, index) => {
+        vue.createElementVNode("div", _hoisted_10, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(calendarData).legends, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index,
               class: "item"
             }, [
-              vue.createElementVNode("div", _hoisted_19, vue.toDisplayString(item.level), 1),
+              vue.createElementVNode("div", _hoisted_11, vue.toDisplayString(item.level), 1),
               vue.createElementVNode("div", {
                 class: "flex num",
                 style: vue.normalizeStyle({ color: item.color, background: item.bgColor })

package/dist/lib/aims/src/AirQualityLevelMonthRatio/index.vue.js

@@ -6,12 +6,14 @@ const vue = require('vue');
 const fpiTgFactorTools = require('fpi-tg-factor-tools');
 const dayjs = require('dayjs');
 require('../common/BasicEcharts/index.js');
-const index = require('./api/index.js');
+require('../common/BasicNoData/index.js');
+const index$1 = require('./api/index.js');
 const index_vue_vue_type_script_setup_true_lang = require('../common/BasicEcharts/index.vue.js');
 require('../common/BasicEcharts/index.vue2.js');
+const index = require('../common/BasicNoData/index.vue.js');
 
 const clsfix = "dv-aims-cieq-contributio-ratio";
-const noDataColor = "rgb(255, 255, 255, 0.5)";
+const noDataColor = "var(--dv-color-text-secondary)";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -66,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               show: false
             },
             axisLabel: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12,
               interval: 0,
               formatter: (value) => value.substr(5)
@@ -77,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             type: "value",
             name: "%",
             nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.5)",
+              color: "var(--dv-color-text-secondary)",
               padding: [0, 30, 0, 0]
             },
             splitNumber: 3,
@@ -89,12 +91,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "rgba(255, 255, 255, 0.5)"
+              color: "var(--dv-color-text-secondary)"
             },
             splitLine: {
               show: true,
               lineStyle: {
-                color: ["rgba(255, 255, 255, 0.3)"]
+                color: ["var(--dv-color-border-light)"]
               }
             }
           },
@@ -103,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             bottom: 0,
             itemGap: 4,
             textStyle: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
             itemWidth: 10,
@@ -149,7 +151,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     ];
     const fetchData = () => {
-      index.getAirQualityStatis(props.apiParams).then((res) => {
+      index$1.getAirQualityStatis(props.apiParams).then((res) => {
         if (res.data && res.data.airQualityLevel) {
           const data1 = res.data.airQualityLevel.levelMonthSumRate;
           const data2 = res.data.airQualityLevel.levelMonthSum;
@@ -190,11 +192,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           class: vue.normalizeClass(`${clsfix}-echarts`)
         }, [
-          vue.createVNode(vue.unref(index_vue_vue_type_script_setup_true_lang.default), {
+          Boolean(vue.unref(chartsFullOptions).options) ? (vue.openBlock(), vue.createBlock(vue.unref(index_vue_vue_type_script_setup_true_lang.default), {
+            key: 0,
             height: "100%",
-            "full-options": chartsFullOptions.value,
+            "full-options": vue.unref(chartsFullOptions),
             loading: false
-          }, null, 8, ["full-options"])
+          }, null, 8, ["full-options"])) : (vue.openBlock(), vue.createBlock(vue.unref(index.default), { key: 1 }))
         ], 2)
       ], 2);
     };

package/dist/lib/aims/src/AirQualityLevelYearRatio/index.vue.js

@@ -11,7 +11,7 @@ const index_vue_vue_type_script_setup_true_lang = require('../common/BasicEchart
 require('../common/BasicEcharts/index.vue2.js');
 
 const clsfix = "dv-aims-cieq-contributio-ratio";
-const noDataColor = "rgb(255, 255, 255, 0.5)";
+const noDataColor = "var(--dv-color-text-secondary)";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             bottom: -4,
             itemGap: 4,
             textStyle: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
             icon: "circle",
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               data: list2,
               label: {
                 position: "outer",
-                color: "#fff",
+                color: "var(--dv-color-text-primary)",
                 overflow: "none",
                 formatter: (params) => {
                   const { name, value, value2 } = params.data;

package/dist/lib/aims/src/AirQualityPresentSituation/index.vue.js

@@ -24,7 +24,7 @@ const _hoisted_12 = [
 ];
 const _hoisted_13 = { class: "name" };
 const clsfix = "dv-aims-air-quality-present-situation";
-const noDataColor = "rgb(255, 255, 255, 0.5)";
+const noDataColor = "var(--dv-color-text-secondary)";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {
@@ -55,14 +55,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const fetchData = () => {
       index.getCityDetail(props.apiParams).then((res) => {
         if (res.data) {
-          realtimeData.cieqVal = Number(res.data.cieq).toFixed(2);
+          realtimeData.cieqVal = Number.isNaN(Number(res.data.cieq)) ? "--" : Number(res.data.cieq).toFixed(2);
           realtimeData.firstPollution = res.data.mainPollutants;
           realtimeData.factorList = realtimeData.factorList.map((item) => {
             const obj = res.data?.commonFactorData.find((c) => c.code === item.code);
             return {
               ...item,
               value: obj ? obj.value : "--",
-              color: obj ? fpiTgFactorTools.factorToColor(item.code, obj.value, "day") : noDataColor
+              color: obj && obj.value !== "--" ? fpiTgFactorTools.factorToColor(item.code, obj.value, "day") : noDataColor
             };
           });
         }

package/dist/lib/aims/src/AirQualityRealTimeAndDay/index.vue.js

@@ -29,7 +29,7 @@ const _hoisted_14 = /* @__PURE__ */ vue.createElementVNode("li", { class: "botto
 ], -1);
 const _hoisted_15 = { class: "name" };
 const clsfix = "dv-aims-air-quality-realtime-and-day";
-const noDataColor = "rgb(255, 255, 255, 0.5)";
+const noDataColor = "var(--dv-color-text-secondary)";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: {

package/dist/lib/aims/src/AirTimeSeriesAnalysis/index.vue.js

@@ -30,9 +30,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         options: {
           grid: {
             left: 20,
-            bottom: 30,
+            bottom: 10,
             right: 20,
-            top: 30,
+            top: 60,
             containLabel: true
           },
           tooltip: {
@@ -76,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               show: false
             },
             axisLabel: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12,
               formatter: (value) => formatterTime(value)
             },
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               type: "value",
               name: "μg/m³",
               nameTextStyle: {
-                color: "rgba(255, 255, 255, 0.5)",
+                color: "var(--dv-color-text-secondary)",
                 padding: [0, 30, 0, 0]
               },
               axisTick: {
@@ -98,13 +98,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               },
               axisLabel: {
                 show: true,
-                color: "rgba(255, 255, 255, 0.5)"
+                color: "var(--dv-color-text-secondary)"
               },
               splitNumber: 3,
               splitLine: {
                 show: true,
                 lineStyle: {
-                  color: ["rgba(255, 255, 255, 0.3)"]
+                  color: ["var(--dv-color-border-light)"]
                 }
               }
             },
@@ -112,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               type: "value",
               name: "mg/m³",
               nameTextStyle: {
-                color: "rgba(255, 255, 255, 0.5)",
+                color: "var(--dv-color-text-secondary)",
                 padding: [0, 0, 0, 30]
               },
               splitNumber: 3,
@@ -124,7 +124,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               },
               axisLabel: {
                 show: true,
-                color: "rgba(255, 255, 255, 0.5)"
+                color: "var(--dv-color-text-secondary)"
               },
               splitLine: {
                 show: true,
@@ -136,10 +136,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ],
           legend: {
             show: true,
-            bottom: 0,
+            top: 0,
             itemGap: 3,
             textStyle: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
             itemWidth: 16,

package/dist/lib/aims/src/CieqContributionMonthRatio/index.vue.js

@@ -26,14 +26,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const generateOption = (xData, series) => {
       return {
         options: {
-          colors: [
-            "#0062FF",
-            "#0AAEFF",
-            "#2AC94F",
-            "#FF792E",
-            "#F84439",
-            "#FFB443"
-          ],
           grid: {
             left: 10,
             bottom: 30,
@@ -73,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               show: false
             },
             axisLabel: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12,
               interval: 0,
               formatter: (value) => value.substr(5)
@@ -83,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           yAxis: {
             type: "value",
             nameTextStyle: {
-              color: "rgba(255, 255, 255, 0.5)",
+              color: "var(--dv-color-text-secondary)",
               padding: [0, 30, 0, 0]
             },
             splitNumber: 3,
@@ -95,12 +87,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             },
             axisLabel: {
               show: true,
-              color: "rgba(255, 255, 255, 0.5)"
+              color: "var(--dv-color-text-secondary)"
             },
             splitLine: {
               show: true,
               lineStyle: {
-                color: ["rgba(255, 255, 255, 0.3)"]
+                color: ["var(--dv-color-border-light)"]
               }
             }
           },
@@ -109,7 +101,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             bottom: 0,
             itemGap: 10,
             textStyle: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
             itemWidth: 10,
@@ -123,12 +115,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
     };
     const fetchData = () => {
+      const colors = [
+        "#0062FF",
+        "#0AAEFF",
+        "#2AC94F",
+        "#FF792E",
+        "#F84439",
+        "#FFB443"
+      ];
       index.getAirQualityStatis(props.apiParams).then((res) => {
         if (res.data && res.data.CIEQ) {
           const data1 = res.data.CIEQ.CIEQMonthValueRate;
           const data2 = res.data.CIEQ.CIEQMonthValue;
           const xData = data2.times;
-          const list = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi").map((item) => {
+          const list = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi").map((item, index) => {
             const key = `V_ICIEQ_${item.key}`;
             const value1s = data1[key] ?? [];
             const value2s = data2[key] ?? [];
@@ -137,13 +137,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               name: item.name,
               type: "bar",
               stack: "x",
-              data: value2s.map((c, index) => {
+              data: value2s.map((c, index2) => {
                 return {
                   value: c,
-                  rate: value1s[index],
-                  cieq: cieqs[index]
+                  rate: value1s[index2],
+                  cieq: cieqs[index2]
                 };
               }),
+              color: colors[index],
               barWidth: 15
             };
           });

package/dist/lib/aims/src/CieqContributionYearRatio/index.vue.js

@@ -27,14 +27,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const generateOption = (list, cieq) => {
       return {
         options: {
-          colors: [
-            "#0062FF",
-            "#0AAEFF",
-            "#2AC94F",
-            "#FF792E",
-            "#F84439",
-            "#FFB443"
-          ],
           title: [
             {
               show: props.showCieq,
@@ -60,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             bottom: -4,
             itemGap: 10,
             textStyle: {
-              color: "#FFF",
+              color: "var(--dv-color-text-primary)",
               fontSize: 12
             },
             icon: "circle",
@@ -83,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               data: list,
               label: {
                 position: "outside",
-                color: "#fff",
+                color: "var(--dv-color-text-primary)",
                 overflow: "none",
                 formatter: (params) => {
                   const { name, value, value2 } = params.data;
@@ -96,12 +88,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
     };
     const fetchData = () => {
+      const colors = [
+        "#0062FF",
+        "#0AAEFF",
+        "#2AC94F",
+        "#FF792E",
+        "#F84439",
+        "#FFB443"
+      ];
       index.getAirQualityStatis(props.apiParams).then((res) => {
         if (res.data && res.data.CIEQ) {
           const data1 = res.data.CIEQ.CIEQYearValueRate;
           const data2 = res.data.CIEQ.CIEQYearValue;
           const cieq = res.data.CIEQ.CIEQYearValue.cieq;
-          const list = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi").map((item) => {
+          const list = fpiTgFactorTools.BASE_FACTOR.filter((item) => item.code !== "aqi").map((item, index) => {
             const key = `V_ICIEQ_${item.key}`;
             const value1 = data1[key] ?? 0;
             const value2 = data2[key] ?? 0;
@@ -109,7 +109,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               name: item.name,
               code: item.code,
               value: value1,
-              value2
+              value2,
+              itemStyle: {
+                color: colors[index]
+              }
             };
           });
           chartsFullOptions.value = generateOption(list, cieq);