| 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\\electricityBar.vue?vue&type=style&index=0&id=4729776e&scoped=true&lang=css&","dependencies":[{"path":"D:\\test\\ssi-satoken\\ui\\src\\views\\largeScreen\\components\\electricityBar.vue","mtime":1697006897281},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKLmVsZWN0cmljaXR5QmFyRGl2IHsKICBtYXJnaW4tdG9wOiAxJTsKfQoKI2JhckNoYXJ0IHsKICB3aWR0aDogMTAwJTsKICBoZWlnaHQ6IGNhbGMoMjV2aCk7Cn0K"},{"version":3,"sources":["electricityBar.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA;AACA;AACA;;AAEA;AACA;AACA;AACA","file":"electricityBar.vue","sourceRoot":"src/views/largeScreen/components","sourcesContent":["<template>\n <div className=\"electricityBarDiv\">\n <div id=\"barChart\"/>\n </div>\n\n</template>\n\n<script>\nimport * as echarts from 'echarts';\n\nexport default {\n name: \"electricityBar\",\n data() {\n return {\n barChart: null\n }\n },\n destroyed() {\n this.barChart = null\n },\n mounted() {\n this.initChart()\n },\n methods: {\n initChart() {\n if (this.barChart == null) {\n this.barChart = echarts.init(document.getElementById('barChart'));\n }\n\n var option;\n\n option = {\n color: [\n // '#37A2FF',\n '#80FFA5',\n '#00DDFF',\n '#FF0087',\n '#FFBF00'\n ],\n tooltip: {\n trigger: 'item'\n },\n legend: {\n orient: 'vertical',\n left: 'left',\n textStyle: {\n color: '#fff'\n }\n },\n series: [\n {\n name: '中长期电量',\n type: 'pie',\n radius: '80%',\n itemStyle: {\n borderRadius: 8,\n borderWidth: 2\n },\n data: [\n {value: 2400, name: '已执行'},\n {value: 2250, name: '未执行'},\n ],\n label: {\n color: '#fff',\n textBorderColor: 'none',\n normal: {\n position: 'inner',\n show: true,\n formatter: '{d}%'\n }\n }\n }\n ]\n };\n\n option && this.barChart.setOption(option, true);\n window.addEventListener('resize', () => {\n if (this.dayIncomeChart) {\n this.dayIncomeChart.resize()\n }\n })\n }\n }\n}\n</script>\n\n<style scoped>\n.electricityBarDiv {\n margin-top: 1%;\n}\n\n#barChart {\n width: 100%;\n height: calc(25vh);\n}\n</style>\n"]}]}
|
