fix: 库存金额-左右图数据对不上 / 计划完成率是null就不显示这个数据

src/pages/tqcDataVHome/component/leftMenoyView.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 库存金额
  * @Date: 2023-10-23 09:32:12 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-08 15:41:54
+ * @Last Modified time: 2023-11-16 11:01:51
  */
 
 
@@ -40,7 +40,7 @@ class LeftMenoyView extends Component {
 
   async getUrl() {
     let data_style= [{
-            value: 25, name: '碳酸锂', itemStyle: {
+            value: 25, name: '', itemStyle: {
               normal: {
                 // barBorderRadius: 15,
                 // borderColor: "rgba(141, 147, 255, 1)",
@@ -62,7 +62,7 @@ class LeftMenoyView extends Component {
             },
 
           }, {
-            value: 33, name: '氧化纳', itemStyle: {
+            value: 33, name: '', itemStyle: {
               normal: {
                 // barBorderRadius: 15,
                 // borderColor: "rgba(105, 255, 222, 1)",
@@ -85,7 +85,7 @@ class LeftMenoyView extends Component {
             },
 
           }, {
-            value: 35, name: '金属锂', itemStyle: {
+            value: 35, name: '', itemStyle: {
               normal: {
                 // barBorderRadius: 15,
                 // borderColor: "rgba(47, 210, 255, 1)",
@@ -108,7 +108,7 @@ class LeftMenoyView extends Component {
             },
 
           }, {
-            value: 40, name: '氢氧化钠', itemStyle: {
+            value: 40, name: '', itemStyle: {
               normal: {
                 // barBorderRadius: 15,
                 // borderColor: "rgba(255, 206, 0, 1)",
@@ -137,7 +137,7 @@ class LeftMenoyView extends Component {
         let year = [], missionsIntensity_arr = [],max1=[],num=[];
         data.map((x, i) => {
           num.push(x.indexValue)
-          year.push(x.prodCatgory);
+          year.unshift(x.prodCatgory);
           data_style[i].value = x.indexValue;
           data_style[i].name = x.prodCatgory;
           missionsIntensity_arr.push(data_style[i])
@@ -146,6 +146,7 @@ class LeftMenoyView extends Component {
         for (let index = 0; index < data.length; index++) {
           max1.unshift(max_1/0.7)
         }
+        console.log("year, missionsIntensity_arr,max1",year, missionsIntensity_arr,max1)
         this.setState({ year, missionsIntensity_arr,max1 });
         this.setData();
         this.setData2();
@@ -159,7 +160,6 @@ class LeftMenoyView extends Component {
     setTimeout(() => {
       // 基于准备好的dom，初始化echarts实例
       var myChart = echarts.init(document.getElementById('echarts4'));
-      var myColor = ['#eb2100', '#eb3600', '#d0570e', '#d0a00e', '#34da62', '#00e9db', '#00c0e9', '#0096f3'];
       var option = {
 
         grid: {
@@ -291,7 +291,7 @@ class LeftMenoyView extends Component {
           myChart.dispatchAction({
             type: 'downplay',
             seriesIndex: 0,
-            dataIndex: index == 0 ? 5 : index - 1,
+            dataIndex: index == 0 ? 3 : index - 1,
           });
           myChart.dispatchAction({
             type: 'highlight',
@@ -299,10 +299,10 @@ class LeftMenoyView extends Component {
             dataIndex: index,
           });
           index++;
-          if (index > 5) {
+          if (index >= 4) {
             index = 0;
           }
-        }, 1800);
+        }, 3000);
       }
       fun();
       setTimeout(function () {

src/pages/tqcDataVHome/view.jsx

@@ -2,7 +2,7 @@
  * @Author: dayan_hjm 
  * @Date: 2023-10-25 10:32:44 
  * @Last Modified by: dayan_hjm
- * @Last Modified time: 2023-11-08 17:23:19
+ * @Last Modified time: 2023-11-16 10:35:01
  */
 /*
  * @Author: dayan_hjm 
@@ -144,16 +144,18 @@ class Home extends Component {
       if (+resultCode === 0) {
         let plannedCompletionData = [], manHourData = [];
         data.map((x, i) => {
-          if (x.indexName == '产量计划完成率') {
-            plannedCompletionData.push({
-              name: x.factoryName,
-              value: x.indexValue * 100,
-            })
-          } else {
-            manHourData.push({
-              name: x.factoryName,
-              value: x.indexValue * 100,
-            })
+          if(x.indexValue){
+            if (x.indexName == '产量计划完成率') {
+              plannedCompletionData.push({
+                name: x.factoryName,
+                value: Number((x.indexValue * 100).toFixed(2)),
+              })
+            } else {
+              manHourData.push({
+                name: x.factoryName,
+                value: Number((x.indexValue * 100).toFixed(2)),
+              })
+            }
           }
         });
         this.setState({ plannedCompletionData, manHourData, plannedCompletionNum: 1, manHourNum: 1 });
@@ -211,8 +213,8 @@ class Home extends Component {
       var res2 = '<div class="topMsg_box animate__animated animate__zoomIn"><span class="topMsg_number shu1">' + datas_2?.value.toFixed(2) + '</span><span class="topMsg_number_2">%</span><p class="topMsg_number_p">' + datas_2.name + '</p></div>';
       p2.innerHTML = res2;
 
-      const num_ = plannedCompletionNum + 1 >= plannedCompletionData.length ? 1 : plannedCompletionNum + 1;
-      const num_2 = manHourNum + 1 >= manHourData.length ? 1 : manHourNum + 1;
+      const num_ = plannedCompletionNum + 1 > plannedCompletionData.length ? 1 : plannedCompletionNum + 1;
+      const num_2 = manHourNum + 1 > manHourData.length ? 1 : manHourNum + 1;
       this.setState({ plannedCompletionNum: num_, manHourNum: num_2 })
     }, 4000)
   }