在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ Vue使用百度圖表Echarts無(wú)法創(chuàng)建圖表,求助!

Vue使用百度圖表Echarts無(wú)法創(chuàng)建圖表,求助!

這是代碼:

new Vue({
    el: '#report',
    created() {
        this.getChartOptionsData()
    },
    mounted() {
        this.initCharts()
    },
    data() {
        return {
            statusChartOptions: {
                title : {
                    text: '文件狀態(tài)統(tǒng)計(jì)(餅圖)',
                    x:'center'
                },
                tooltip : {
                    trigger: 'item',
                    formatter: "{a} <br/> : {c} (cqdtdgtli%)"
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: []
                },
                toolbox: {
                    feature: {
                        saveAsImage: {}
                    }
                },
                series : [
                    {
                        name: '訪(fǎng)問(wèn)來(lái)源',
                        type: 'pie',
                        radius : '55%',
                        center: ['50%', '60%'],
                        data:[],
                        itemStyle: {
                            emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            },
        }
    },
    methods: {
        initCharts() {
            let statusPieChart = echarts.init(this.$refs.stPie);
            statusPieChart.setOption(this.statusChartOptions);
        },
        getChartOptionsData() {
            this.$http.post('/File/getChartOptionsData').then(response => {
                this.statusChartOptions.legend.data = response.data.statusChart.status
                this.statusChartOptions.series = response.data.statusChart.data
            })
        }
    }
});

這是生成的圖表,沒(méi)有表- -!,但是獲取的數(shù)據(jù)都是正常的,不知為何。

clipboard.png

回答
編輯回答
別硬撐

echarts的使用,需要在dom上指定寬高,不知道你的dom上指定了寬高沒(méi)有。

2017年5月28日 20:28
編輯回答
冷溫柔

tatusChartOptions.series.data = response.data.statusChart.data
少了個(gè)data吧?

2018年4月22日 17:39