| 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\\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"]}]}
|
