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

whyczyk

2021-10-13 a355aafef5a635bd31a701127cea097338cee0a7

 src/components/charts/prossPieChart.vue

@@ -12,6 +12,7 @@
  import {
    chartFontsize
  } from '@/assets/js/chartFontsize'
import { checkboxs } from '@/assets/js/powerInfoData'
  export default {
    name: "prossPieChart",
    chart: "",
@@ -29,13 +30,38 @@
      }
    },
    methods: {
      toParentPage(value) {
         if (typeof (value) == 'string') {
            window.parent.parent.postMessage({
               cmd: "syncPage",
               params: {
                  pageInfo: {
                     label: "电源实时告警",
                     name: "powerRealtimeInfo",
                     src: '#/powerRealtimeInfo/?alarmType=' + value,
                     closable: true
                  },
               }
            }, "*");
         }
      },
      setOption(opt) {
        this.$options.chart.setOption(opt);
         this.$options.chart.on('click', (params) => {
            let name = params.seriesName;
            checkboxs.zt.map(item => {
               if (item.label == name) {
                  console.log(item.value)
                  this.toParentPage(item.value)
               }
            })
         })
      },
      setData(sendData) {
        this.$options.chartData = sendData;
        let color = sendData.color;
        let data = sendData.data;
         let name = sendData.name;
        let text;
        if (sendData.unit) {
          text = sendData.data + sendData.unit;
@@ -81,7 +107,7 @@
            },
          },
          series: [{
              name: '',
               name: name,
              type: 'pie',
              radius: '75%',
              center: ['50%', '40%'],
@@ -100,7 +126,7 @@
              },
              zlevel: 1
            }, {
              name: '',
               name: name,
              type: 'pie',
              radius: '61%',
              center: ['50%', '40%'],
@@ -122,7 +148,7 @@
              zlevel: 2
            },
            {
              name: '',
               name: name,
              type: 'pie',
              radius: '61%',
              center: ['50%', '40%'],
@@ -145,7 +171,7 @@
              },
              zlevel: 3
            }, {
              name: '',
               name: name,
              type: 'bar',
              center: ['50%', '40%'],
              roundCap: true,
@@ -181,5 +207,4 @@
</script>

<style scoped>

</style>