<template>
    <div class="chart-wrap">
        <ve-echart :config="config" ref="veEchart" @echartClick="echartClick"></ve-echart>
    </div>
</template>

<script>
import veEchart from './veEchart';
export default {
    name: "defineChart",
    components: { veEchart },
    props: {
        config: {
            type: Object,
            default() {
                return {}
            }
        }
    },
    data() {
        return {
        }
    },
    methods: {
        echartClick(param) {
            this.$emit('echartClick', param)
        }
    },
    computed: {

    },
    watch: {
    }
}
</script>

<style scoped>
.chart-wrap {
    width: 100%;
    height: 100%;
}
</style>
