{"remainingRequest":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\thermalChart.vue","mtime":1677393552050},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n  name: 'thermalChart',\n  //热点图组件\n  data: function data() {\n    return {\n      endData: [],\n      startData: [],\n      odData: []\n    };\n  },\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    },\n    pageType: {\n      type: String\n    },\n    title: {\n      type: String\n    } // status: {\n    //     type: String\n    // },\n    // componentName: {\n    //     type: String\n    // },\n\n  },\n  methods: {\n    drawThermalChart: function drawThermalChart() {\n      var myChart = this.$echarts.init(this.$refs.thermalChart);\n      var option = {\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        textStyle: {\n          color: '#666',\n          fontSize: 13\n        },\n        // toolbox: {\n        //     show: true,\n        //     feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\n        //     iconStyle: { borderColor: '#666' }\n        // },\n        tooltip: {},\n        xAxis: {\n          nameTextStyle: {\n            color: '#666',\n            padding: [0, 0, -10, 0],\n            fontSize: 13\n          },\n          axisLabel: {\n            interval: 0,\n            textStyle: {\n              fontSize: 13\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          type: 'category',\n          data: this.list.map(function (ele) {\n            return ele.ob_data.map(function (item) {\n              return item.end;\n            });\n          }),\n          splitArea: {\n            show: true,\n            areaStyle: {\n              color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)']\n            }\n          }\n        },\n        yAxis: {\n          nameTextStyle: {\n            color: '#666',\n            padding: [0, 0, -10, 0],\n            fontSize: 13\n          },\n          axisLabel: {\n            interval: 0,\n            textStyle: {\n              fontSize: 13\n            }\n          },\n          axisTick: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          splitLine: {\n            show: false\n          },\n          axisLine: {\n            lineStyle: {\n              color: '#c8c8c8',\n              width: 1\n            },\n            show: true\n          },\n          type: 'category',\n          data: ['gate1', 'gate2', 'gate3', 'gate4']\n        },\n        visualMap: [{\n          min: 100,\n          max: 400,\n          calculable: false,\n          orient: 'horizontal',\n          left: 'center',\n          top: 20,\n          color: ['#C7021D', '#79E73C'],\n          text: ['高', '低'],\n          textStyle: {\n            color: '#666',\n            fontSize: 13\n          }\n        }],\n        series: [{\n          type: 'heatmap',\n          // pageSize: 20,\n          pointSize: 10,\n          blurSize: 10,\n          data: [[0, 0, 100], [0, 1, 100], [0, 2, 100], [0, 3, 100], // [0, 4, 100],\n          // [0, 5, 100],\n          // [0, 6, 200],\n          [1, 0, 120], [1, 1, 120], [1, 2, 125], [1, 3, 120], // [1, 4, 120],\n          // [1, 5, 120],\n          // [1, 6, 120],\n          [2, 0, 120], [2, 1, 140], [2, 2, 140], [2, 3, 140], // [2, 4, 140],\n          // [2, 5, 140],\n          // [2, 6, 140],\n          [3, 0, 200], [3, 1, 200], [3, 2, 200], [3, 3, 200] // [3, 4, 200],\n          // [3, 5, 200],\n          // [3, 6, 200],\n          // [4, 4, 300],\n          // [4, 5, 300],\n          // [4, 6, 300]\n          ],\n          label: {\n            show: true,\n            color: '#fff'\n          },\n          itemStyle: {\n            borderColor: 'rgba(255, 255, 255, 0.5)',\n            emphasis: {\n              shadowBlur: 0,\n              shadowColor: 'rgba(255, 255, 255, 0.5)'\n            }\n          }\n        }]\n      };\n      myChart.setOption(option);\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawThermalChart();\n  },\n  watch: {\n    list: {\n      handler: function handler(newVal) {\n        console.log(newVal, 'od组件数据'); // this.odData = []\n        // console.log(newVal ,'1111111111');\n        // if (newVal) {\n        //     newVal[newVal.length - 1].ob_data.forEach(ele => {\n        //         ele.forEach(item => {\n        //             this.odData.push([])\n        //         })\n        //     })\n        // }\n        // console.log(this.odData,'155');\n\n        this.drawThermalChart();\n      } // immediate:true\n\n    }\n  }\n};",{"version":3,"sources":["thermalChart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n    <div id=\"thermalChart\" ref=\"thermalChart\" style=\"width: 100%; height: 300px\"></div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: 'thermalChart', //热点图组件\r\n    data() {\r\n        return {\r\n            endData: [],\r\n            startData: [],\r\n            odData: []\r\n        };\r\n    },\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        },\r\n        pageType: {\r\n            type: String\r\n        },\r\n        title: {\r\n            type: String\r\n        },\r\n        // status: {\r\n        //     type: String\r\n        // },\r\n        // componentName: {\r\n        //     type: String\r\n        // },\r\n    },\r\n    methods: {\r\n        drawThermalChart() {\r\n            let myChart = this.$echarts.init(this.$refs.thermalChart);\r\n            let option = {\r\n                grid: {\r\n                    left: '2%',\r\n                    right: '4%',\r\n                    bottom: '10%',\r\n                    top: '20%',\r\n                    containLabel: true\r\n                },\r\n                textStyle: { color: '#666', fontSize: 13 },\r\n                // toolbox: {\r\n                //     show: true,\r\n                //     feature: { saveAsImage: { backgroundColor: 'rgba(0,0,0,0)' }, restore: {} },\r\n                //     iconStyle: { borderColor: '#666' }\r\n                // },\r\n                tooltip: {},\r\n                xAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: this.list.map(ele=>{\r\n                        return ele.ob_data.map(item=>{\r\n                            return item.end\r\n                        })\r\n                    }),\r\n                    splitArea: { show: true, areaStyle: { color: ['rgba(200,200,200,0.3)', 'rgba(200,200,200,0.2)'] } }\r\n                },\r\n                yAxis: {\r\n                    nameTextStyle: { color: '#666', padding: [0, 0, -10, 0], fontSize: 13 },\r\n                    axisLabel: { interval: 0, textStyle: { fontSize: 13 } },\r\n                    axisTick: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    splitLine: { show: false },\r\n                    axisLine: { lineStyle: { color: '#c8c8c8', width: 1 }, show: true },\r\n                    type: 'category',\r\n                    data: ['gate1','gate2','gate3','gate4']\r\n                },\r\n                visualMap: [\r\n                    {\r\n                        min: 100,\r\n                        max: 400,\r\n                        calculable: false,\r\n                        orient: 'horizontal',\r\n                        left: 'center',\r\n                        top: 20,\r\n                        color: ['#C7021D', '#79E73C'],\r\n                        text: ['高', '低'],\r\n                        textStyle: { color: '#666', fontSize: 13 }\r\n                    }\r\n                ],\r\n                series: [\r\n                    {\r\n                        type: 'heatmap',\r\n                        // pageSize: 20,\r\n                        pointSize: 10,\r\n                        blurSize: 10,\r\n                        data: [\r\n                            [0, 0, 100],\r\n                            [0, 1, 100],\r\n                            [0, 2, 100],\r\n                            [0, 3, 100],\r\n                            // [0, 4, 100],\r\n                            // [0, 5, 100],\r\n                            // [0, 6, 200],\r\n\r\n                            [1, 0, 120],\r\n                            [1, 1, 120],\r\n                            [1, 2, 125],\r\n                            [1, 3, 120],\r\n                            // [1, 4, 120],\r\n                            // [1, 5, 120],\r\n                            // [1, 6, 120],\r\n\r\n                            [2, 0, 120],\r\n                            [2, 1, 140],\r\n                            [2, 2, 140],\r\n                            [2, 3, 140],\r\n                            // [2, 4, 140],\r\n                            // [2, 5, 140],\r\n                            // [2, 6, 140],\r\n\r\n                            [3, 0, 200],\r\n                            [3, 1, 200],\r\n                            [3, 2, 200],\r\n                            [3, 3, 200]\r\n                            // [3, 4, 200],\r\n                            // [3, 5, 200],\r\n                            // [3, 6, 200],\r\n\r\n                            // [4, 4, 300],\r\n                            // [4, 5, 300],\r\n                            // [4, 6, 300]\r\n                        ],\r\n                        label: { show: true, color: '#fff' },\r\n                        itemStyle: {\r\n                            borderColor: 'rgba(255, 255, 255, 0.5)',\r\n                            emphasis: { shadowBlur: 0, shadowColor: 'rgba(255, 255, 255, 0.5)' }\r\n                        }\r\n                    }\r\n                ]\r\n            };\r\n            myChart.setOption(option);\r\n            window.addEventListener('resize', function () {\r\n                myChart.resize();\r\n            });\r\n        }\r\n    },\r\n    mounted() {\r\n        this.drawThermalChart()\r\n    \r\n    },\r\n    watch: {\r\n        list: {\r\n            handler(newVal) {\r\n                console.log(newVal,'od组件数据');\r\n                // this.odData = []\r\n                // console.log(newVal ,'1111111111');\r\n                // if (newVal) {\r\n                //     newVal[newVal.length - 1].ob_data.forEach(ele => {\r\n                //         ele.forEach(item => {\r\n                //             this.odData.push([])\r\n                //         })\r\n                //     })\r\n                // }\r\n                // console.log(this.odData,'155');\r\n                this.drawThermalChart();\r\n            },\r\n            // immediate:true\r\n        }\r\n\r\n    }\r\n};\r\n</script>\r\n<style scoped>\r\n\r\n</style>\r\n"],"sourceRoot":"src/components/chart"}]}