Ver código fonte

efAnalysisdataVisualization eleFire.js 韩正义 commit at 2021-01-12

韩正义 4 anos atrás
pai
commit
62555e021e
1 arquivos alterados com 121 adições e 0 exclusões
  1. 121 0
      efAnalysisdataVisualization/externalJs/eleFire.js

+ 121 - 0
efAnalysisdataVisualization/externalJs/eleFire.js

@@ -1181,3 +1181,124 @@ function getListData(queryParam = {}) {
                             data: sortData[0].data[1]
                         }, {
                             symbol: "none",
+                            name: "平均值",
+                            type: "line",
+                            data: sortData[0].data[2]
+                        }
+                    ]
+                };
+
+                myChart.setOption(option);
+
+                //echarts赋值到src
+                var img1 = document.getElementById('divergenceChart1_img');
+                setTimeout(function() {
+                    img1.src = myChart.getDataURL();
+                }, 1000)
+
+            })();
+
+            // 数据离散率挖掘2
+            (function() {
+
+                // 三相电流
+                let a2 = [];
+                let b2 = [];
+                let c2 = [];
+                let d2 = [];
+                let electric_current = dispersion_rate.electric_current;
+                electric_current.forEach(function(item, index) {
+                    a2.push(item.variance)
+                    b2.push(item.standard_deviation)
+                    c2.push(item.average_value)
+                    d2.push(item.data_time)
+                });
+
+
+
+
+                var sortData = [{
+                        sortName: "三相电流",
+                        data: [
+                            a2, b2, c2
+                        ]
+                    },
+
+                ];
+
+                var xData = function() {
+                    var data = [];
+                    for (var i = 1; i < electric_current.length + 1; i++) {
+                        data.push(i);
+                    }
+                    return data;
+                }();
+
+                // 1. 实例化对象
+                var myChart = echarts.init(document.querySelector("#divergenceChart2"));
+                // 2.指定配置
+                var option = {
+
+                    color: [{
+
+                            colorStops: [{
+                                offset: 0,
+                                color: '#F9860C' // 0% 处的颜色
+                            }, {
+                                offset: 1,
+                                color: '#fff' // 100% 处的颜色
+                            }],
+
+                        },
+
+                        {
+
+                            colorStops: [{
+                                offset: 0,
+                                color: '#07E1F1' // 0% 处的颜色
+                            }, {
+                                offset: 1,
+                                color: '#0456CB' // 100% 处的颜色
+                            }],
+
+                        },
+
+                        {
+
+                            colorStops: [{
+                                offset: 0,
+                                color: '#11F90C' // 0% 处的颜色
+                            }, {
+                                offset: 1,
+                                color: '#3FC713' // 100% 处的颜色
+                            }],
+
+                        }
+
+                    ],
+
+                    tooltip: {
+                        trigger: "axis",
+                        textStyle: {
+                            align: 'left' //图例左对齐
+                        },
+                        backgroundColor: '#12DFE0',
+                        formatter: '{a0}: {c0}<br />{a1}: {c1}<br />{a2}: {c2}<br />时间:{b}'
+
+                    },
+                    legend: {
+                        // 如果series 对象有name 值,则 legend可以不用写data
+                        itemGap: 20,
+                        itemHeight: 2,
+                        itemWidth: 15,
+                        icon: 'rect',
+                        textStyle: {
+                            color: "#aaa"
+                        },
+                        top: "bottom",
+                    },
+                    grid: {
+                        top: "0%",
+                        left: "1%",
+                        right: "1%",
+                        bottom: "15%",