编辑代码


export default {
    name: 'PieChart',
    data() {
        return {
            options: {
                tooltip: {},
                grid: {
                    top: 30,
                    left: 30,
                    right: 30,
                    bottom: 30
                },
                legend: {
                    show: true
                },
                dataset: {
                    dimensions: ["label", "value1", "value2"],
                    source: [{
                        label:10,
                        value1:222,
                        value2:333
                    },{
                        label:10,
                        value:222,
                         value2:333
                    },{
                        label:10,
                        value1:222,
                         value2:333
                    }]
                },
                series: [{ "name": "计划外", "type": "pie" }, { "name": "创建人部门编码", "type": "pie" }]
            }
        };
    },
    props: {
        dimensions: {
            type: Array
        },
        source: {
            type: Array
        }
    },
    watch: {
        source: {
            handler() {
                this.setDataset('source')
            },
            deep: true
        }
    },
    mounted() {
        this.setDataset('source')
    },
    methods: {
        setDataset(key) {
            if (key == 'source' && this[key] === undefined) return
            const value = this[key] || []
            this.$set(this.options.dataset, key, value)
        },
        resize() {
            this.$refs.BaseEchart.resizeChart()
        }
    }
}