{"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":1675560621574},{"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  },\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: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\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};",{"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    },\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: ['GATE1', 'GATE2', 'GATE3', 'GATE4'],\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</script>\r\n<style scoped></style>\r\n"],"sourceRoot":"src/components/chart"}]}