1 line
8.7 KiB
JSON
1 line
8.7 KiB
JSON
{"remainingRequest":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\lineChart.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\视频边缘1215\\TransFlow\\src\\components\\chart\\lineChart.vue","mtime":1673399846016},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1671074740599},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1671074740928},{"path":"D:\\视频边缘1215\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1671074747916}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n\nexport default {\n name: 'lineChart', //折线图组件\n props: {\n list: {\n type: Array,\n default() {\n return []\n }\n },\n // list1: {\n // type: Array,\n // default() {\n // return []\n // }\n // }\n },\n data() {\n return {\n\n\n // xData: [],\n // yData: [],\n // triggerType:'触发时刻'\n }\n },\n methods: {\n \n drawLine() {\n var myChart = this.$echarts.init(this.$refs.lineChart)\n\n let option = {\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true,\n },\n tooltip: {\n show: true,\n // trigger: 'axis',\n },\n xAxis: [\n {\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((value) => {\n return value.type\n }),\n },\n ],\n yAxis: [\n\n {\n type: 'value',\n axisLabel: {\n color: '#6c6c6c',\n \n },\n splitLine: {\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed',\n },\n },\n axisLine: {\n show: false,\n }\n },\n ],\n series: [\n {\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((value) => {\n return value.speed\n }),\n },\n ],\n };\n myChart.setOption(option)\n // window.onresize = () => { // 根据窗口大小变化图表自适应\n // myChart.resize();\n // };\n window.addEventListener('resize',function(){\n myChart.resize()\n }\n )\n },\n },\n mounted() {\n this.drawLine()\n // console.log(this.list1);\n }\n}\n",{"version":3,"sources":["lineChart.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"lineChart.vue","sourceRoot":"src/components/chart","sourcesContent":["<template>\n\n <div id=\"lineChart\" ref=\"lineChart\" style=\"width:100%;height:300px;\"></div>\n\n</template>\n \n<script>\nexport default {\n name: 'lineChart', //折线图组件\n props: {\n list: {\n type: Array,\n default() {\n return []\n }\n },\n // list1: {\n // type: Array,\n // default() {\n // return []\n // }\n // }\n },\n data() {\n return {\n\n\n // xData: [],\n // yData: [],\n // triggerType:'触发时刻'\n }\n },\n methods: {\n \n drawLine() {\n var myChart = this.$echarts.init(this.$refs.lineChart)\n\n let option = {\n grid: {\n left: '2%',\n right: '4%',\n bottom: '10%',\n top: '20%',\n containLabel: true,\n },\n tooltip: {\n show: true,\n // trigger: 'axis',\n },\n xAxis: [\n {\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((value) => {\n return value.type\n }),\n },\n ],\n yAxis: [\n\n {\n type: 'value',\n axisLabel: {\n color: '#6c6c6c',\n \n },\n splitLine: {\n lineStyle: {\n color: '#eeebeb',\n type: 'dashed',\n },\n },\n axisLine: {\n show: false,\n }\n },\n ],\n series: [\n {\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((value) => {\n return value.speed\n }),\n },\n ],\n };\n myChart.setOption(option)\n // window.onresize = () => { // 根据窗口大小变化图表自适应\n // myChart.resize();\n // };\n window.addEventListener('resize',function(){\n myChart.resize()\n }\n )\n },\n },\n mounted() {\n this.drawLine()\n // console.log(this.list1);\n }\n}\n</script>\n<style scoped>\n\n</style>"]}]} |