<template>
    <div class="echart">
      <div class="item">
          <MarketingData :id="id" :type="type" :name="name"></MarketingData>
      </div>
      <div>
          <chart :id="id" :type="type" :name="name"></chart>
      </div>
    </div>
</template>
  
  <script>
  export default {
    components: {
      MarketingData:()=> import('../../market/index.vue'),
      chart:() => import('../../echarts/components/echarts.vue'),
    },
    props: {
        type:{

        },
        id:{

        },
        name:{

        },
    },
    data() {
      return {
      };
    },
    watch: {},
    computed: {},
    created() {},
    mounted() {},
    methods: {},
  };
  </script>
  <style lang="scss" scoped>
  .echart{
      display: flex;
      height: 100%;
      .item{
          padding:10px;
          height: 100%;
          border-right: 1px solid gray;
      }
  }
  </style>