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