| 1 |
- {"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"]}]}
|
