图形跳转对应参数界面功能

whyczyk

2021-10-13 a355aafef5a635bd31a701127cea097338cee0a7

 src/components/charts/PictorialBar.vue

@@ -7,6 +7,7 @@
<script>
import * as echarts from "echarts";
import { WebSocketClass } from '@/assets/js/socket'
import { checkboxs } from '@/assets/js/powerInfoData'
export default {
   name: "PictorialBar",
   chart: "",
@@ -23,21 +24,37 @@
      }
   },
   methods: {
      toParentPage() {
      toParentPage(value) {
         if (typeof (value) == 'string') {
         window.parent.parent.postMessage({
            cmd: "syncPage",
            params: {
               pageInfo: {
                  label: "电池实时告警",
                  name: "batteryrTimequery",
                  src: "#/batteryrTimequery",
                     src: "#/batteryrTimequery/?alarmType=" + value,
                  closable: true
               },
            }
         }, "*");
         }
      },
      setOption(opt) {
         this.$options.chart.setOption(opt);
         this.$options.chart.on('click', (params) => {
            console.log(params)
            let name;
            if (params.seriesName == '在线电压') {
               name = '在线电压';
            } else if (params.seriesName == '组端电压') {
               name = '组端电压';
            }
            checkboxs.dcgj.map(item => {
               if (item.label == name) {
                  this.toParentPage(item.value)
               }
            })
         })
      },
      organizeData(data) {
         let option = {