VUE - ECHARTS

175 阅读1分钟

tab切换图表

<template>
    <div :id="myChart"></div>
</template>

<script>
import echars from 'echarts'

export default {
    name: 'domeChart',
    props: {
        // 获取父组件data
    },
    data () {
        return {
            myChart: my + this.getId(),
            chart: null
        }
    },
    methods: {
        // getId..
        // drawChart..
    },
    computed: {
        optionsChart () {
            let opton = {
                // echart 参数,data等
            }
        }
    },
    mounted () {
        // 页面加载完毕执行
        this.$nextTick(() => {
            this.drawChart()
        })
    },
    watch: {
        // 深度监听 optionsChart
        // optionsChart ..
    }
}


</script>

注:

  • tab切换如果使用同一div展示chart,记得要动态切换div的id