<template>
  <div>
    <div style="height: 700px; width: 900px; border: 1px solid red;position:relative ">
      <component
        :is="is"
        :obj-val="objVal"
        :options="polar"
        :init-options="initOptions"
        :autoresize="true"
        @set-pos-size="setPosSize"
      ></component>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import Fviz from "../../widgets/index";
Vue.use(Fviz);
export default {
  name: "Center",
  data() {
    return {
      abc: "lhp",
      polar: {},
      initOptions: {
        renderer: "svg",
      },
    };
  },
  computed: {
    is: {
      get() {
        return this.$store.state.vueComName;
      },
    },
    objVal: {
      get() {
        return this.GLOBAL.fwebdesigner.selectedCom;
        // return this.$store.state.formData;
      },
    },
  },
  created() {
    console.log("this.basepath :", this.GLOBAL.basePath);
    console.log("this.dsList :", this.GLOBAL.fwebdesigner);
  },
  methods: {
    setPosSize(val) {
      this.$store.commit("setFormDataAttr", val);
    },
  },
};
</script>

<style scoped>
</style>