1、饼图添加过程返回自定义颜色

qianbao
1 parent d2bb38ca
Showing 2 changed files with 27 additions and 12 deletions
src/mixins/queryform.js
src/views/bigscreenDesigner/designer/widget/pie/widgetPiechart.vue
@@ -153,7 +153,7 @@ export default {
       }
       ananysicData["xAxis"] = axis;
       ananysicData["series"] = series;
-      console.log(ananysicData);
+      // console.log(ananysicData);
       return ananysicData;
     },
     // 柱状图、折线图、柱线图
@@ -262,7 +262,9 @@ export default {
           const value = chartProperties[key];
           if (value === "name") {
             obj["name"] = data[i][key];
-          } else {
+          } else if (value === "color") {
+            obj["color"] = data[i][key];
+          }else {
             obj["value"] = data[i][key];
           }
         }
@@ -88,9 +88,9 @@ export default {
       this.setOptionsValue();
       this.setOptionsTooltip();
       this.setOptionsLegend();
-      this.setOptionsColor();
       this.setOptionsData();
       this.setOptionsPiechartStyle();
+      // this.setOptionsColor();
     },
     // 饼图样式
     setOptionsPiechartStyle() {
@@ -194,13 +194,17 @@ export default {
       legend.itemWidth = optionsSetup.legendWidth;
     },
     // 图例颜色修改
-    setOptionsColor() {
-      const optionsSetup = this.optionsSetup;
-      const customColor = optionsSetup.customColor;
-      if (!customColor) return;
-      const arrColor = [];
-      for (let i = 0; i < customColor.length; i++) {
-        arrColor.push(customColor[i].color);
+    setOptionsColor(arrColorData) {
+      let arrColor = [];
+      if(arrColorData!==undefined && arrColorData.length>0){
+        arrColor = arrColorData;
+      }else{
+        const optionsSetup = this.optionsSetup;
+        const customColor = optionsSetup.customColor;
+        if (!customColor) return;
+        for (let i = 0; i < customColor.length; i++) {
+          arrColor.push(customColor[i].color);
+        }
       }
       this.options.color = arrColor;
       this.options = Object.assign({}, this.options);
@@ -232,9 +236,18 @@ export default {
     },
     getEchartData(val) {
       const data = this.queryEchartsData(val);
-      data.then(res => {
+      const arrColorData = [];
+      for (let i = 0; i < data.length; i++) {
+        const res = data[i];
         this.renderingFn(res);
-      });
+        if(this.isNotBlank(res.color)){
+          arrColorData[i]=res.color;
+        }
+      }
+      this.setOptionsColor(arrColorData)
+      // data.then(res => {
+      //   this.renderingFn(res);
+      // });
     },
     renderingFn(val) {
       for (const key in this.options.series) {