{"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":1697005521990},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1697005525068},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\postcss-loader\\src\\index.js","mtime":1697005523212},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1697005520931},{"path":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1697005524089}],"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"]}]}