1 line
26 KiB
JSON
1 line
26 KiB
JSON
{"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\\chart.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\视频边缘计算管理平台\\TransFlow\\src\\components\\chart\\chart.vue","mtime":1664169476000},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\babel-loader\\lib\\index.js","mtime":1672206975618},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1672206975777},{"path":"E:\\视频边缘计算管理平台\\TransFlow\\node_modules\\vue-loader\\lib\\index.js","mtime":1672206979279}],"contextDependencies":[],"result":["//\n//\n//\n//\nexport default {\n name: \"echarsDemo\",\n props: {\n ydata: {\n default: function _default() {\n return false;\n },\n type: [Array, Boolean],\n required: true\n },\n ydata1: {\n default: function _default() {\n return false;\n },\n type: [Array, Boolean],\n required: true\n },\n xdata: {\n default: function _default() {\n return false;\n },\n type: [Array, Boolean],\n required: true\n }\n },\n data: function data() {\n return {};\n },\n watch: {\n ydata: {\n handler: function handler(newV) {\n console.log(\"newV\", newV);\n this.getLoadEcharts();\n }\n },\n ydata1: {\n handler: function handler(newV) {\n console.log(\"newV\", newV);\n this.getLoadEcharts();\n }\n },\n xdata: {\n handler: function handler(newV1) {\n console.log(\"newV1\", newV1);\n this.getLoadEcharts();\n }\n }\n },\n mounted: function mounted() {\n this.getLoadEcharts();\n console.log(\"111\", this.xdata);\n console.log(\"222\", this.ydata);\n },\n methods: {\n getLoadEcharts: function getLoadEcharts() {\n var myChart = this.$echarts.init(document.getElementById(\"batchEcharts\")); // let value = [5, 7, 8, 9, 10, 11, 13, 15, 16, 14, 13, 12, 8, 6, 5, 4, 5, 6, 7, 8, 10, 11, 10, 8,12,13,9,6];\n // let min = Math.min(...value); //计算最小值\n // let max = Math.max(...value); //计算最大值\n\n var option = {\n tooltip: {\n trigger: \"axis\"\n },\n color: [\"#52F478\"],\n icon: \"circle\",\n // legend: {\n // x:'580px',\n // y: '30px',\n // data: [{\n // name: '月',\n // icon:'none'\n // },\n // {\n // name: '日',\n // icon:'none'\n // }],\n // textStyle:{\n // fontSize: 14,//字体大小\n // color: '#BBF6FF',//字体颜色\n // },\n // selectedMode: 'single',\n // },\n grid: {\n // top: \"10px\",\n left: \"6%\",\n //默认10%\n right: \"10%\",\n //默认10%\n bottom: \"8%\",\n //默认60\n containLabel: true\n },\n xAxis: {\n type: \"category\",\n name: \"\",\n nameGap: \"16\",\n show: true,\n boundaryGap: \"1%\",\n offset: 25,\n axisLabel: {\n textStyle: {\n color: \"#FFFFFF\"\n }\n },\n axisTick: {\n show: false\n },\n splitArea: {\n show: false\n },\n splitLine: {\n show: false\n },\n axisLine: {\n show: false,\n lineStyle: {\n color: \"#BBF6FF\",\n width: 2\n },\n symbol: [\"none\", \"arrow\"]\n },\n // data: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28],\n data: this.xdata\n },\n yAxis: [{\n type: \"value\",\n name: \"单位: 分钟\",\n show: true,\n offset: 48,\n id: 0,\n nameTextStyle: {\n color: \"#ffffff\",\n padding: [0, -15, 15, 0],\n // verticalAlign: 'top'\n align: \"right\"\n },\n axisLabel: {\n textStyle: {\n color: \"#ffffff\"\n }\n },\n axisTick: {\n //y轴刻度线\n show: false\n },\n splitArea: {\n show: false\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: \"rgb(13,190,196)\",\n width: 1,\n type: \"dashed\"\n }\n },\n axisLine: {\n show: false,\n lineStyle: {\n color: \"rgb(8,99,116)\",\n width: 1\n },\n symbol: [\"none\", \"arrow\"]\n }\n }, {\n type: \"value\",\n name: \"单位: Kg\",\n show: true,\n offset: 30,\n id: 1,\n nameTextStyle: {\n color: \"#ffffff\",\n padding: [0, -40, 15, 0],\n // verticalAlign: 'top'\n align: \"right\"\n },\n axisLabel: {\n textStyle: {\n color: \"#ffffff\"\n }\n },\n axisTick: {\n //y轴刻度线\n show: false\n },\n splitArea: {\n show: false\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: \"rgb(13,190,196)\",\n width: 1,\n type: \"dashed\"\n }\n },\n axisLine: {\n show: false,\n lineStyle: {\n color: \"rgb(8,99,116)\",\n width: 1\n },\n symbol: [\"none\", \"arrow\"]\n }\n }],\n series: [{\n name: \"单位: 分钟\",\n type: \"line\",\n smooth: true,\n // symbol: \"rect\",\n // symbolSize: 10,\n yAxisIndex: 0,\n lineStyle: {\n normal: {\n color: \"#4EEE79\",\n width: 3\n }\n },\n // areaStyle: {\n // normal: {\n // color: new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\n // {\n // offset: 0,\n // color: \"rgb(9,84,88)\",\n // },\n // {\n // offset: 1,\n // color: \"rgb(9,71,72)\",\n // },\n // ]),\n // },\n // },\n // data: [3666, 2666, 1666, 234, 250, 899, 1200, 900, 2000, 666, 999,3666, 2666, 1666, 234, 250, 899, 1200, 900, 2000, 666, 999,1200, 900, 2000, 666, 999],\n data: this.ydata1,\n // markPoint: {\n // data: [{ type: \"max\", name: \"最大值\" }],\n // },\n // symbol: function (value, params) {\n // if (value == min || value == max) {\n // return \"circle\"; //拐点类型\n // } else {\n // return \"none\"; //拐点不显示\n // }\n // },\n markPoint: {\n show: false\n },\n itemStyle: {\n normal: {\n color: \"#52F478\",\n borderColor: \"#52F478\",\n //拐点边框颜色\n lineStyle: {\n color: \"#52F478\" //折线颜色\n\n },\n label: {\n show: false,\n color: \"#ffffff\"\n }\n }\n }\n }, {\n name: \"单位:kg\",\n type: \"line\",\n smooth: true,\n stack: 'Total',\n yAxisIndex: 1,\n // symbol: \"rect\",\n // symbolSize: 10,\n // lineStyle: {\n // normal: {\n // color: \"rgb(4,252,254)\",\n // width: 3,\n // },\n // },\n itemStyle: {\n borderColor: 'transparent',\n color: \"rgb(4,252,254)\",\n normal: {\n // 柱形图圆角，初始化效果\n // barBorderRadius: [10, 10, 10, 10],\n color: \"rgb(4,252,254)\"\n }\n },\n // areaStyle: {\n // normal: {\n // color: new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\n // {\n // offset: 0,\n // color: \"rgb(9,84,88)\",\n // },\n // {\n // offset: 1,\n // color: \"rgb(9,71,72)\",\n // },\n // ]),\n // },\n // },\n // data: [1200, 900, 2000, 666, 999,1200, 3666, 2666, 2666, 1666, 234, 250, 899, 1666, 234, 250, 899, 1200, 900, 2000, 666, 999,3666,900, 2000, 666, 999],\n data: this.ydata // markPoint: {\n // data: [{ type: \"max\", name: \"最大值\" }],\n // },\n // symbol: function (value, params) {\n // if (value == min || value == max) {\n // return \"circle\"; //拐点类型\n // } else {\n // return \"none\"; //拐点不显示\n // }\n // },\n // markPoint: {\n // show: false,\n // },\n // itemStyle: {\n // normal: {\n // color: \"#52F478\",\n // borderColor: \"#52F478\", //拐点边框颜色\n // lineStyle: {\n // color: \"#52F478\", //折线颜色\n // },\n // label: { show: false, color: \"#ffffff\" },\n // },\n // },\n // emphasis: {\n // itemStyle: {\n // borderColor: 'transparent',\n // color: 'transparent'\n // }\n // },\n // data: [1000,2000, 1700, 1400, 1200, 300, 199,2000, 1700, 1400, 1200, 300, 199,2000, 1700, 1400, 1200, 300, 199]\n\n } // {\n // name: 'Life Cost',\n // type: 'bar',\n // stack: 'Total',\n // barWidth : 4,\n // label: {\n // show: false,\n // position: 'inside'\n // },\n // itemStyle: {\n // borderColor: 'transparent',\n // color: \"rgb(4,252,254)\",\n // normal: {\n // // 柱形图圆角，初始化效果\n // barBorderRadius: [15, 15, 15, 15],\n // color: \"rgb(4,252,254)\",\n // }\n // },\n // data: [2900, 1200, 300, 200, 900, 300,2900, 1200, 300, 200, 900, 300,2900, 1200, 300, 200, 900, 300]\n // }\n ]\n };\n myChart.setOption(option);\n }\n }\n};",{"version":3,"sources":["chart.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\n <div id=\"batchEcharts\" ></div>\n</template>\n\n<script>\nexport default {\nname: \"echarsDemo\",\n props: {\n ydata: {\n default: () => false,\n type: [Array, Boolean],\n required: true\n },\n ydata1: {\n default: () => false,\n type: [Array, Boolean],\n required: true\n },\n xdata: {\n default: () => false,\n type: [Array, Boolean],\n required: true\n },\n \n },\n data(){\n return{\n\n };\n },\n watch:{\n ydata:{\n handler:function(newV){\n console.log(\"newV\",newV)\n this.getLoadEcharts()\n }\n },\n ydata1:{\n handler:function(newV){\n console.log(\"newV\",newV)\n this.getLoadEcharts()\n }\n },\n xdata:{\n handler:function(newV1){\n console.log(\"newV1\",newV1)\n this.getLoadEcharts()\n }\n }\n },\n mounted() {\n this.getLoadEcharts()\n console.log(\"111\",this.xdata);\n console.log(\"222\",this.ydata);\n },\n methods:{\n getLoadEcharts() {\n var myChart = this.$echarts.init(document.getElementById(\"batchEcharts\"));\n // let value = [5, 7, 8, 9, 10, 11, 13, 15, 16, 14, 13, 12, 8, 6, 5, 4, 5, 6, 7, 8, 10, 11, 10, 8,12,13,9,6];\n // let min = Math.min(...value); //计算最小值\n // let max = Math.max(...value); //计算最大值\n var option = {\n tooltip: {\n trigger: \"axis\",\n },\n color: [\"#52F478\"],\n icon: \"circle\",\n // legend: {\n // x:'580px',\n // y: '30px',\n // data: [{\n // name: '月',\n // icon:'none'\n // },\n // {\n // name: '日',\n // icon:'none'\n // }],\n // textStyle:{\n // fontSize: 14,//字体大小\n // color: '#BBF6FF',//字体颜色\n\n // },\n // selectedMode: 'single',\n // },\n grid: {\n // top: \"10px\",\n left: \"6%\", //默认10%\n right: \"10%\", //默认10%\n bottom: \"8%\", //默认60\n containLabel: true,\n },\n xAxis: {\n type: \"category\",\n name: \"\",\n nameGap: \"16\",\n show: true,\n boundaryGap: \"1%\",\n offset: 25,\n axisLabel: {\n textStyle: {\n color: \"#FFFFFF\",\n },\n },\n axisTick: {\n show: false,\n },\n splitArea: {\n show: false,\n },\n splitLine: {\n show: false,\n },\n axisLine: {\n show: false,\n lineStyle: {\n color: \"#BBF6FF\",\n width: 2,\n },\n symbol: [\"none\", \"arrow\"],\n },\n // data: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28],\n data:this.xdata\n },\n yAxis: [{\n type: \"value\",\n name: \"单位: 分钟\",\n show: true,\n offset: 48,\n id:0,\n nameTextStyle: {\n color: \"#ffffff\",\n padding: [0, -15, 15, 0],\n // verticalAlign: 'top'\n align: \"right\",\n },\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n },\n },\n axisTick: {\n //y轴刻度线\n show: false,\n },\n splitArea: {\n show: false,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: \"rgb(13,190,196)\",\n width: 1,\n type: \"dashed\",\n },\n },\n axisLine: {\n show: false,\n lineStyle: {\n color: \"rgb(8,99,116)\",\n width: 1,\n },\n symbol: [\"none\", \"arrow\"],\n },\n },{\n type: \"value\",\n name: \"单位: Kg\",\n show: true,\n offset: 30,\n id:1,\n nameTextStyle: {\n color: \"#ffffff\",\n padding: [0, -40, 15, 0],\n // verticalAlign: 'top'\n align: \"right\",\n },\n axisLabel: {\n textStyle: {\n color: \"#ffffff\",\n },\n },\n axisTick: {\n //y轴刻度线\n show: false,\n },\n splitArea: {\n show: false,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: \"rgb(13,190,196)\",\n width: 1,\n type: \"dashed\",\n },\n },\n axisLine: {\n show: false,\n lineStyle: {\n color: \"rgb(8,99,116)\",\n width: 1,\n },\n symbol: [\"none\", \"arrow\"],\n },\n }\n ],\n series: [\n {\n name: \"单位: 分钟\",\n type: \"line\",\n smooth: true,\n // symbol: \"rect\",\n // symbolSize: 10,\n yAxisIndex:0,\n lineStyle: {\n normal: {\n color: \"#4EEE79\",\n width: 3,\n },\n },\n // areaStyle: {\n // normal: {\n // color: new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\n // {\n // offset: 0,\n // color: \"rgb(9,84,88)\",\n // },\n // {\n // offset: 1,\n // color: \"rgb(9,71,72)\",\n // },\n // ]),\n // },\n // },\n // data: [3666, 2666, 1666, 234, 250, 899, 1200, 900, 2000, 666, 999,3666, 2666, 1666, 234, 250, 899, 1200, 900, 2000, 666, 999,1200, 900, 2000, 666, 999],\n data:this.ydata1,\n // markPoint: {\n // data: [{ type: \"max\", name: \"最大值\" }],\n // },\n // symbol: function (value, params) {\n // if (value == min || value == max) {\n // return \"circle\"; //拐点类型\n // } else {\n // return \"none\"; //拐点不显示\n // }\n // },\n markPoint: {\n show: false,\n },\n itemStyle: {\n normal: {\n color: \"#52F478\",\n borderColor: \"#52F478\", //拐点边框颜色\n\n lineStyle: {\n color: \"#52F478\", //折线颜色\n },\n label: { show: false, color: \"#ffffff\" },\n },\n },\n },\n {\n name: \"单位:kg\",\n type: \"line\",\n smooth: true,\n stack: 'Total',\n yAxisIndex:1,\n // symbol: \"rect\",\n // symbolSize: 10,\n // lineStyle: {\n // normal: {\n // color: \"rgb(4,252,254)\",\n // width: 3,\n // },\n // },\n itemStyle: {\n borderColor: 'transparent',\n color: \"rgb(4,252,254)\",\n normal: {\n // 柱形图圆角，初始化效果\n // barBorderRadius: [10, 10, 10, 10],\n color: \"rgb(4,252,254)\",\n }\n },\n // areaStyle: {\n // normal: {\n // color: new this.$echarts.graphic.LinearGradient(0, 1, 0, 0, [\n // {\n // offset: 0,\n // color: \"rgb(9,84,88)\",\n // },\n // {\n // offset: 1,\n // color: \"rgb(9,71,72)\",\n // },\n // ]),\n // },\n // },\n // data: [1200, 900, 2000, 666, 999,1200, 3666, 2666, 2666, 1666, 234, 250, 899, 1666, 234, 250, 899, 1200, 900, 2000, 666, 999,3666,900, 2000, 666, 999],\n data:this.ydata,\n // markPoint: {\n // data: [{ type: \"max\", name: \"最大值\" }],\n // },\n // symbol: function (value, params) {\n // if (value == min || value == max) {\n // return \"circle\"; //拐点类型\n // } else {\n // return \"none\"; //拐点不显示\n // }\n // },\n // markPoint: {\n // show: false,\n // },\n // itemStyle: {\n // normal: {\n // color: \"#52F478\",\n // borderColor: \"#52F478\", //拐点边框颜色\n\n // lineStyle: {\n // color: \"#52F478\", //折线颜色\n // },\n // label: { show: false, color: \"#ffffff\" },\n // },\n // },\n // emphasis: {\n // itemStyle: {\n // borderColor: 'transparent',\n // color: 'transparent'\n // }\n // },\n // data: [1000,2000, 1700, 1400, 1200, 300, 199,2000, 1700, 1400, 1200, 300, 199,2000, 1700, 1400, 1200, 300, 199]\n },\n // {\n // name: 'Life Cost',\n // type: 'bar',\n // stack: 'Total',\n // barWidth : 4,\n // label: {\n // show: false,\n // position: 'inside'\n // },\n // itemStyle: {\n // borderColor: 'transparent',\n // color: \"rgb(4,252,254)\",\n // normal: {\n // // 柱形图圆角，初始化效果\n // barBorderRadius: [15, 15, 15, 15],\n // color: \"rgb(4,252,254)\",\n // }\n // },\n // data: [2900, 1200, 300, 200, 900, 300,2900, 1200, 300, 200, 900, 300,2900, 1200, 300, 200, 900, 300]\n // }\n ],\n };\n\n myChart.setOption(option);\n },\n }\n}\n</script>\n\n<style scoped>\n#batchEcharts{\n width: 90%;\n height: 95%;\n}\n</style>\n"],"sourceRoot":"src/components/chart"}]} |