| 1 |
- {"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\test\\ssi-satoken\\ui\\src\\views\\bizManager\\forecastPowerShortTerm\\charts\\index.vue?vue&type=style&index=0&id=ee6049d8&prod&scoped=true&lang=css&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\bizManager\\forecastPowerShortTerm\\charts\\index.vue","mtime":1696909835000},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":1669864554855},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1697679531049},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1669864555556},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1669864538178},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1697679531049}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KI2ZwY2hhcnRzew0KICB3aWR0aDogMTAwJTsNCiAgaGVpZ2h0OmNhbGMoODB2aCAtIDUwcHgpOw0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/bizManager/forecastPowerShortTerm/charts","sourcesContent":["<template>\r\n <div style=\"width: 100%;height: 100%\" >\r\n <div id=\"fpcharts\"></div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport resize from '../../../../components/Charts/mixins/resize'\r\nimport * as echarts from 'echarts';\r\nexport default {\r\n mixins: [resize],\r\n watch: {\r\n drawData:{\r\n handler(newValue, oldValue) {\r\n this.draw(newValue.times, newValue.datas,newValue.cap)\r\n },\r\n deep: true\r\n },\r\n resizeKey:function(newQuestion, oldQuestion){\r\n if(this.chart !=null){\r\n this.chart.resize();\r\n }\r\n }\r\n },\r\n props: {\r\n drawData:{\r\n type:Object,\r\n },\r\n resizeKey:{\r\n type:Number\r\n }\r\n },\r\n data() {\r\n return {\r\n chart: null,\r\n }\r\n },\r\n mounted() {\r\n },\r\n beforeDestroy() {\r\n if (!this.chart) {\r\n return\r\n }\r\n this.chart.dispose()\r\n this.chart = null\r\n },\r\n methods: {\r\n draw(timeaxis,realpower,cap) {\r\n console.log(timeaxis.length)\r\n this.chart = echarts.init(document.getElementById('fpcharts'))\r\n var option ={\r\n title: {\r\n top: 20,\r\n text: '短期预测实时查询',\r\n textStyle: {\r\n fontWeight: 'normal',\r\n fontSize: 16,\r\n },\r\n left: '1%'\r\n },\r\n tooltip: {\r\n trigger: 'axis',\r\n axisPointer: {\r\n lineStyle: {\r\n color: '#57617B'\r\n }\r\n }\r\n },\r\n legend: {\r\n top: 20,\r\n icon: 'rect',\r\n itemWidth: 14,\r\n itemHeight: 5,\r\n itemGap: 13,\r\n data: ['实时短期预测'],\r\n right: '4%',\r\n textStyle: {\r\n fontSize: 12,\r\n }\r\n },\r\n dataZoom: [{\r\n show: true,\r\n realtime: true,\r\n\r\n left:\"15%\",\r\n right:\"15%\",\r\n textStyle:{\r\n color:\"#ffffff\"\r\n }\r\n }, {\r\n type: 'inside'\r\n }],\r\n grid: {\r\n top: 100,\r\n left: '2%',\r\n right: '2%',\r\n bottom: '10%',\r\n containLabel: true\r\n },\r\n xAxis: {\r\n type: 'category',\r\n data: timeaxis\r\n },\r\n yAxis: {\r\n type: 'value',\r\n name: '(MW)',\r\n },\r\n series: [\r\n {\r\n name: '实时短期预测',\r\n data: realpower,\r\n type: 'line',\r\n smooth: true,\r\n showSymbol: false\r\n }\r\n ]\r\n }\r\n option.yAxis[0] = cap\r\n this.chart.setOption(option,true)\r\n },\r\n\r\n }\r\n}\r\n</script>\r\n<style scoped>\r\n#fpcharts{\r\n width: 100%;\r\n height:calc(80vh - 50px);\r\n}\r\n</style>\r\n"]}]}
|
