{"remainingRequest":"D:\\test\\ssi-satoken\\ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\test\\ssi-satoken\\ui\\src\\views\\largeScreen\\components\\paPriceChart.vue?vue&type=style&index=0&id=2055e70d&scoped=true&lang=css&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\largeScreen\\components\\paPriceChart.vue","mtime":1697101814967},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLnBhUHJpY2VDaGFydERpdnsKICBtYXJnaW4tdG9wOiAxJTsKfQojcGFQcmljZUNoYXJ0ewogIHdpZHRoOiAxMDAlOwogIGhlaWdodDogY2FsYyg1MHZoKTsKfQo="},{"version":3,"sources":["paPriceChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkKA;AACA;AACA;AACA;AACA;AACA;AACA","file":"paPriceChart.vue","sourceRoot":"src/views/largeScreen/components","sourcesContent":["<template>\n  <div class=\"paPriceChartDiv\">\n    <div id=\"paPriceChart\"/>\n  </div>\n</template>\n\n<script>\nimport * as echarts from \"echarts\";\n\nexport default {\n  name: \"paPriceChart\",\n  data(){\n    return{\n      paPriceChart:null\n    }\n  },\n  destroyed() {\n    this.paPriceChart.dispose()\n    this.paPriceChart = null\n  },\n  mounted() {\n    this.initChart()\n  },\n  methods:{\n    initChart(){\n      if (this.paPriceChart === null){\n        this.paPriceChart =echarts.init(document.getElementById('paPriceChart'))\n      }\n      let data = {\n        dayAheadValues: [\n          \"425\",\n          \"544.892\",\n          \"554.4\",\n          \"530.47\",\n          \"530.707\",\n          \"561.56\",\n          \"514.808\",\n          \"514.05\",\n          \"331.72\",\n          \"87.51\",\n          \"-23.17\",\n          \"-43.02\",\n          \"-40.18\",\n          \"-80\",\n          \"-80\",\n          \"-80\",\n          \"76.065\",\n          \"454.227\",\n          \"547.405\",\n          \"566.06\",\n          \"554.855\",\n          \"511.485\",\n          \"503.02\",\n          \"573.57\"\n        ],\n        realtimeValues: [\n          \"451.1975\",\n          \"497.0825\",\n          \"576.11\",\n          \"595.125\",\n          \"580.595\",\n          \"596.8\",\n          \"617.415\",\n          \"571.3125\",\n          \"411.5\",\n          \"142.865\",\n          \"-71.035\",\n          \"-80\",\n          \"-52.1075\",\n          \"-80\",\n          \"-60\",\n          \"-65.28\",\n          \"99.8\",\n          \"291.995\",\n          \"507.5\",\n          \"566.8825\",\n          \"571.4725\",\n          \"531.21\",\n          \"452\",\n          \"569.0175\"\n        ]\n      }\n      let option = {\n        color: ['#37A2FF', '#80FFA5', '#00DDFF', '#FF0087', '#FFBF00'],\n        xAxis: {\n          data: ['00:00', '01:00', '02:00', '03:00', '04:00', '05:00', '06:00', '07:00',\n            '08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00',\n            '16:00', '17:00', '18:00', '19:00', '20:00', '21:00', '22:00', '23:00'],\n          boundaryGap: false,\n          axisLine:{\n            show:true,\n            lineStyle:{\n              color: '#fff'\n            }\n          },\n          axisTick: {\n            show: false\n          }\n        },\n        grid: {\n          left: '1%',\n          right: '1%',\n          bottom: '3%',\n          // top: 60,\n          containLabel: true\n        },\n        tooltip: {\n          trigger: 'axis',\n        },\n        yAxis: {\n          name: \"单位：MW\",\n          nameTextStyle:{\n            color:'#fff'\n          },\n          axisLine:{\n            show:true,\n            lineStyle:{\n              color: '#fff'\n            }\n          },\n          axisTick: {\n            show: false\n          }\n        },\n        legend: {\n          top: '2%',\n          data: ['日前电价', '实时电价'],\n          textStyle:{\n            color: '#fff'\n          }\n        },\n        series: [\n          {\n            name: '日前电价',\n            type: 'line',\n            // areaStyle: {},\n            symbol: 'circle',\n            symbolSize: 5,\n            showSymbol: false,\n            data: data.dayAheadValues\n          },\n          {\n            name: '实时电价',\n            type: 'line',\n            // areaStyle: {},\n            symbol: 'circle',\n            symbolSize: 5,\n            showSymbol: false,\n            lineStyle: {\n              type: 'dashed'\n            },\n            data: data.realtimeValues\n          }\n        ]\n      }\n      option && this.paPriceChart.setOption(option);\n    }\n  }\n}\n</script>\n\n<style scoped>\n.paPriceChartDiv{\n  margin-top: 1%;\n}\n#paPriceChart{\n  width: 100%;\n  height: calc(50vh);\n}\n</style>\n"]}]}