1 line
9.1 KiB
JSON
1 line
9.1 KiB
JSON
{"remainingRequest":"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":1672881376060},{"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//\n\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n data() {\r\n return {\r\n tableData: [\r\n {\r\n name: '111',\r\n val1: '100',\r\n val2: '200',\r\n val3: '300',\r\n val4: '400'\r\n }\r\n ],\r\n xData: [\r\n '0点',\r\n '1点',\r\n '2点',\r\n '3点',\r\n '4点',\r\n '5点',\r\n '6点',\r\n '7点',\r\n '8点',\r\n '9点',\r\n '10点',\r\n '11点',\r\n '12点',\r\n '13点',\r\n '14点',\r\n ],\r\n valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\r\n }\r\n },\r\n methods: {\r\n drawLine() {\r\n let 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: '#000',\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: '#000',\r\n margin: 6,\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n data: this.xData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#000',\r\n margin: 6,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#355C84',\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 itemStyle: {\r\n color: '#55EFF1',\r\n borderColor: '#55EFF1',\r\n borderWidth: 2,\r\n },\r\n data: this.valData,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option)\r\n window.onresize = () => { // 根据窗口大小变化图表自适应\r\n myChart.resize();\r\n };\r\n },\r\n },\r\n mounted() {\r\n this.drawLine()\r\n }\r\n}\r\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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;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>\r\n\r\n <div id=\"lineChart\" ref=\"lineChart\" style=\"width:664px;height:300px;\"></div>\r\n\r\n</template>\r\n \r\n<script>\r\nexport default {\r\n name: 'lineChart', //折线图组件\r\n data() {\r\n return {\r\n tableData: [\r\n {\r\n name: '111',\r\n val1: '100',\r\n val2: '200',\r\n val3: '300',\r\n val4: '400'\r\n }\r\n ],\r\n xData: [\r\n '0点',\r\n '1点',\r\n '2点',\r\n '3点',\r\n '4点',\r\n '5点',\r\n '6点',\r\n '7点',\r\n '8点',\r\n '9点',\r\n '10点',\r\n '11点',\r\n '12点',\r\n '13点',\r\n '14点',\r\n ],\r\n valData: [120, 132, 101, 134, 90, 432, 421, 234, 230, 210, 182, 191, 234, 290, 330],\r\n }\r\n },\r\n methods: {\r\n drawLine() {\r\n let 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: '#000',\r\n },\r\n },\r\n axisTick: {\r\n show: false,\r\n },\r\n axisLabel: {\r\n color: '#000',\r\n margin: 6,\r\n },\r\n splitLine: {\r\n show: false,\r\n },\r\n boundaryGap: ['5%', '5%'],\r\n data: this.xData,\r\n },\r\n ],\r\n yAxis: [\r\n {\r\n type: 'value',\r\n axisLabel: {\r\n color: '#000',\r\n margin: 6,\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: '#355C84',\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 itemStyle: {\r\n color: '#55EFF1',\r\n borderColor: '#55EFF1',\r\n borderWidth: 2,\r\n },\r\n data: this.valData,\r\n },\r\n ],\r\n };\r\n myChart.setOption(option)\r\n window.onresize = () => { // 根据窗口大小变化图表自适应\r\n myChart.resize();\r\n };\r\n },\r\n },\r\n mounted() {\r\n this.drawLine()\r\n }\r\n}\r\n</script>\r\n<style scoped>\r\n</style>"]}]} |