TransFlow/node_modules/.cache/babel-loader/4e23778105c968aa25b135b9c8e1711a.json

{"remainingRequest":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js!D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Hjm项目\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Hjm项目\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673506578704},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\Hjm项目\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\nexport default {\n  name: 'lineChart',\n  //折线图组件\n  props: {\n    list: {\n      type: Array,\n      default: function _default() {\n        return [];\n      }\n    } // list1: {\n    //     type: Array,\n    //     default() {\n    //         return []\n    //     }\n    // }\n\n  },\n  data: function data() {\n    return {// xData: [],\n      // yData: [],\n      // triggerType:'触发时刻'\n    };\n  },\n  methods: {\n    drawLine: function drawLine() {\n      var myChart = this.$echarts.init(this.$refs.lineChart);\n      var option = {\n        grid: {\n          left: '2%',\n          right: '4%',\n          bottom: '10%',\n          top: '20%',\n          containLabel: true\n        },\n        tooltip: {\n          show: true // trigger: 'axis',\n\n        },\n        xAxis: [{\n          type: 'category',\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisTick: {\n            show: false\n          },\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            show: false\n          },\n          boundaryGap: ['5%', '5%'],\n          data: this.list.map(function (value) {\n            return value.type;\n          })\n        }],\n        yAxis: [{\n          type: 'value',\n          axisLabel: {\n            color: '#6c6c6c'\n          },\n          splitLine: {\n            lineStyle: {\n              color: '#eeebeb',\n              type: 'dashed'\n            }\n          },\n          axisLine: {\n            show: false\n          }\n        }],\n        series: [{\n          name: '速度',\n          type: 'line',\n          stack: '总量',\n          symbolSize: 6,\n          smooth: true,\n          itemStyle: {\n            color: '#fb864b',\n            borderColor: '#fb864b',\n            borderWidth: 2\n          },\n          data: this.list.map(function (value) {\n            return value.speed;\n          })\n        }]\n      };\n      myChart.setOption(option); // window.onresize = () => {  // 根据窗口大小变化图表自适应\n      //     myChart.resize();\n      // };\n\n      window.addEventListener('resize', function () {\n        myChart.resize();\n      });\n    }\n  },\n  mounted: function mounted() {\n    this.drawLine(); // console.log(this.list1);\n  }\n};",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;;AAOA,eAAA;AACA,EAAA,IAAA,EAAA,WADA;AACA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,IAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAFA,sBAEA;AACA,eAAA,EAAA;AACA;AAJA,KADA,CAOA;AACA;AACA;AACA;AACA;AACA;;AAZA,GAFA;AAgBA,EAAA,IAhBA,kBAgBA;AACA,WAAA,CAGA;AACA;AACA;AALA,KAAA;AAOA,GAxBA;AAyBA,EAAA,OAAA,EAAA;AAEA,IAAA,QAFA,sBAEA;AACA,UAAA,OAAA,GAAA,KAAA,QAAA,CAAA,IAAA,CAAA,KAAA,KAAA,CAAA,SAAA,CAAA;AAEA,UAAA,MAAA,GAAA;AACA,QAAA,IAAA,EAAA;AACA,UAAA,IAAA,EAAA,IADA;AAEA,UAAA,KAAA,EAAA,IAFA;AAGA,UAAA,MAAA,EAAA,KAHA;AAIA,UAAA,GAAA,EAAA,KAJA;AAKA,UAAA,YAAA,EAAA;AALA,SADA;AAQA,QAAA,OAAA,EAAA;AACA,UAAA,IAAA,EAAA,IADA,CAEA;;AAFA,SARA;AAYA,QAAA,KAAA,EAAA,CACA;AACA,UAAA,IAAA,EAAA,UADA;AAEA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA,IADA;AAEA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,SADA;AAEA,cAAA,IAAA,EAAA;AAFA;AAFA,WAFA;AASA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WATA;AAYA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA;AADA,WAZA;AAeA,UAAA,SAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA,WAfA;AAkBA,UAAA,WAAA,EAAA,CAAA,IAAA,EAAA,IAAA,CAlBA;AAmBA,UAAA,IAAA,EAAA,KAAA,IAAA,CAAA,GAAA,CAAA,UAAA,KAAA,EAAA;AACA,mBAAA,KAAA,CAAA,IAAA;AACA,WAFA;AAnBA,SADA,CAZA;AAqCA,QAAA,KAAA,EAAA,CAEA;AACA,UAAA,IAAA,EAAA,OADA;AAEA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA;AADA,WAFA;AAMA,UAAA,SAAA,EAAA;AACA,YAAA,SAAA,EAAA;AACA,cAAA,KAAA,EAAA,SADA;AAEA,cAAA,IAAA,EAAA;AAFA;AADA,WANA;AAYA,UAAA,QAAA,EAAA;AACA,YAAA,IAAA,EAAA;AADA;AAZA,SAFA,CArCA;AAwDA,QAAA,MAAA,EAAA,CACA;AACA,UAAA,IAAA,EAAA,IADA;AAEA,UAAA,IAAA,EAAA,MAFA;AAGA,UAAA,KAAA,EAAA,IAHA;AAIA,UAAA,UAAA,EAAA,CAJA;AAKA,UAAA,MAAA,EAAA,IALA;AAMA,UAAA,SAAA,EAAA;AACA,YAAA,KAAA,EAAA,SADA;AAEA,YAAA,WAAA,EAAA,SAFA;AAGA,YAAA,WAAA,EAAA;AAHA,WANA;AAWA,UAAA,IAAA,EAAA,KAAA,IAAA,CAAA,GAAA,CAAA,UAAA,KAAA,EAAA;AACA,mBAAA,KAAA,CAAA,KAAA;AACA,WAFA;AAXA,SADA;AAxDA,OAAA;AA0EA,MAAA,OAAA,CAAA,SAAA,CAAA,MAAA,EA7EA,CA8EA;AACA;AACA;;AACA,MAAA,MAAA,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA;AACA,QAAA,OAAA,CAAA,MAAA;AACA,OAFA;AAIA;AAvFA,GAzBA;AAkHA,EAAA,OAlHA,qBAkHA;AACA,SAAA,QAAA,GADA,CAEA;AACA;AArHA,CAAA","sourcesContent":["<template>\r\n\r\n    <div id=\"lineChart\" ref=\"lineChart\" style=\"width:100%;height:300px;\"></div>\r\n\r\n</template>\r\n  \r\n<script>\r\nexport default {\r\n    name: 'lineChart', //折线图组件\r\n    props: {\r\n        list: {\r\n            type: Array,\r\n            default() {\r\n                return []\r\n            }\r\n        },\r\n        // list1: {\r\n        //     type: Array,\r\n        //     default() {\r\n        //         return []\r\n        //     }\r\n        // }\r\n    },\r\n    data() {\r\n        return {\r\n\r\n\r\n            // xData: [],\r\n            // yData: [],\r\n            // triggerType:'触发时刻'\r\n        }\r\n    },\r\n    methods: {\r\n        \r\n        drawLine() {\r\n            var myChart = this.$echarts.init(this.$refs.lineChart)\r\n\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                tooltip: {\r\n                    show: true,\r\n                    // trigger: 'axis',\r\n                },\r\n                xAxis: [\r\n                    {\r\n                        type: 'category',\r\n                        axisLine: {\r\n                            show: true,\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type:'dashed'\r\n                            },\r\n                        },\r\n                        axisTick: {\r\n                            show: false,\r\n                        },\r\n                        axisLabel: {\r\n                            color: '#6c6c6c',\r\n                        },\r\n                        splitLine: {\r\n                            show: false,\r\n                        },\r\n                        boundaryGap: ['5%', '5%'],\r\n                        data: this.list.map((value) => {\r\n                            return value.type\r\n                        }),\r\n                    },\r\n                ],\r\n                yAxis: [\r\n\r\n                    {\r\n                        type: 'value',\r\n                        axisLabel: {\r\n                            color: '#6c6c6c',\r\n            \r\n                        },\r\n                        splitLine: {\r\n                            lineStyle: {\r\n                                color: '#eeebeb',\r\n                                type: 'dashed',\r\n                            },\r\n                        },\r\n                        axisLine: {\r\n                            show: false,\r\n                        }\r\n                    },\r\n                ],\r\n                series: [\r\n                    {\r\n                        name: '速度',\r\n                        type: 'line',\r\n                        stack: '总量',\r\n                        symbolSize: 6,\r\n                        smooth:true,\r\n                        itemStyle: {\r\n                            color: '#fb864b',\r\n                            borderColor: '#fb864b',\r\n                            borderWidth: 2,\r\n                        },\r\n                        data: this.list.map((value) => {\r\n                            return value.speed\r\n                        }),\r\n                    },\r\n                ],\r\n            };\r\n            myChart.setOption(option)\r\n            // window.onresize = () => {  // 根据窗口大小变化图表自适应\r\n            //     myChart.resize();\r\n            // };\r\n            window.addEventListener('resize',function(){\r\n                    myChart.resize()\r\n                }\r\n            )\r\n        },\r\n    },\r\n    mounted() {\r\n        this.drawLine()\r\n        // console.log(this.list1);\r\n    }\r\n}\r\n</script>\r\n<style scoped>\r\n\r\n</style>"],"sourceRoot":"src/components/chart"}]}