| | |
| | | import * as echarts from 'echarts'; |
| | | // import ContentBox from "@/components/ContentBox"; |
| | | import gridCircuitDiagram from '@/pages/AFEinverter/js/gridCircuitDiagram' |
| | | // import diagramStates from '@/pages/home/topoGraphdiagram/js/diagramStates' |
| | | import diagramStates from '@/pages/AFEinverter/js/diagramStates' |
| | | let diagram; |
| | | export default { |
| | | chart: {}, |
| | |
| | | mounted() { |
| | | let self = this; |
| | | diagram = gridCircuitDiagram(this.$refs.static, this.$refs.flush); |
| | | diagramStates(diagram, 'run1'); |
| | | self.initEcharts(); |
| | | self.openSocket(); |
| | | window.addEventListener('resize', () => { |
| | |
| | | bottom: '30' |
| | | }, |
| | | tooltip: { |
| | | "trigger":"axis", |
| | | show: true |
| | | }, |
| | | xAxis: { |
| | |
| | | padding: 1%; |
| | | } |
| | | .content_top{ |
| | | height: 22%; |
| | | height: 16%; |
| | | } |
| | | .content_cent{ |
| | | height: 42%; |
| | |
| | | .content_cent{ |
| | | margin: 1% 0; |
| | | } |
| | | .content_bottom { |
| | | height: 40%; |
| | | } |
| | | .title_into{ |
| | | padding-left: 1%; |
| | | color: #ffff18; |