{"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\\rtPriceChart.vue?vue&type=style&index=0&id=e27af4c4&scoped=true&lang=css&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\largeScreen\\components\\rtPriceChart.vue","mtime":1697164174920},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCi5ydFByaWNlQ2hhcnREaXZ7CiAgbWFyZ2luLXRvcDogMSU7Cn0KI3J0UHJpY2VDaGFydHsKICB3aWR0aDogMTAwJTsKICBoZWlnaHQ6IGNhbGMoNTB2aCk7Cn0K"},{"version":3,"sources":["rtPriceChart.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4HA;AACA;AACA;AACA;AACA;AACA;AACA","file":"rtPriceChart.vue","sourceRoot":"src/views/largeScreen/components","sourcesContent":["<template>\n  <div class=\"rtPriceChartDiv\">\n    <div id=\"rtPriceChart\"/>\n  </div>\n</template>\n\n<script>\nimport * as echarts from \"echarts\";\n\nexport default {\n  name: \"rtPriceChart\",\n  data(){\n    return{\n      rtPriceChart:null\n    }\n  },\n  destroyed() {\n    this.rtPriceChart.dispose()\n    this.rtPriceChart = null\n  },\n  mounted() {\n    this.initChart()\n  },\n  methods:{\n    initChart(){\n      if (this.rtPriceChart === null){\n        this.rtPriceChart =echarts.init(document.getElementById('rtPriceChart'))\n      }\n      let data = {\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: ['#FFBF00', '#00DDFF', '#FF0087', '#37A2FF', '#80FFA5'],\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.realtimeValues\n          }\n        ]\n      }\n      option && this.rtPriceChart.setOption(option);\n    }\n  }\n}\n</script>\n\n<style scoped>\n.rtPriceChartDiv{\n  margin-top: 1%;\n}\n#rtPriceChart{\n  width: 100%;\n  height: calc(50vh);\n}\n</style>\n"]}]}