鍍金池/ 問答/HTML/ 關(guān)于ajax動(dòng)態(tài)加載echarts餅圖數(shù)據(jù)的問題

關(guān)于ajax動(dòng)態(tài)加載echarts餅圖數(shù)據(jù)的問題

調(diào)取ajax接口獲取餅圖所需的data數(shù)組,控制臺(tái)報(bào)錯(cuò)如圖:圖片描述

代碼如下:

$.ajax({
    url:"../driverAnalysis.do?method=getDriverAnalysisData",
    async:false,
    type: "POST",
    dataType: 'JSON',
    data: {},
    success: function (data) {
        if(data.status==0){
            var myChart8 = echarts.init(document.getElementById('zjcxtj'));
            var option8 =  {
                title:{
                    text:"駕駛員準(zhǔn)駕車型統(tǒng)計(jì)",
                    top:'10',
                    left:'30',
                    //x: '30',
                    textStyle: {//主標(biāo)題文本樣式{"fontSize": 18,"fontWeight": "bolder","color": "#333
                        color:'#fff'
                    },
                },
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>: {c} (u2a0qc4%)"
                },
                /*legend: {
                    orient: 'vertical',
                    right:'120',
                    top:'65',
                    textStyle:{//圖例文字的樣式
                        color:'#fff',
                        fontSize:14
                    },
                    data:['A1','A2','A3','B1','B2','C1','C2','C3','C4','其他']
                },*/
                //color:['#fffd55', '#c1ff85','#2eee9a','#85ffe7','#d5a8ff','#996af8','#7032ee','#3248ee','#ee2e60','#ee9332'],
                series: [
                    {
                        name:'準(zhǔn)駕車型統(tǒng)計(jì)',
                        type:'pie',
                        center: ['30%', '55%'],
                        radius: ['50%', '70%'],
                        avoidLabelOverlap: false,
                        //文字在環(huán)形內(nèi)的定位
                        label: {
                            normal: {
                                show: false,
                                position: 'center'
                            },
                            emphasis: {
                                show: true,
                                textStyle: {
                                    fontSize: '20',
                                    fontWeight: 'bold'
                                }
                            }
                        },
                        //改成true 就會(huì)顯示細(xì)條
                        labelLine: {
                            normal: {
                                show: true,
                                x:"right"
                            }
                        },
                        data:data.data.zjcxtj
                    }
                ]
            };

            myChart8.setOption(option8);
        }
    }
})

試了很久不知道問題出在哪里,把data.data.zjcxtj打印出來然后把打印出來的數(shù)組靜態(tài)插入就沒問題

回答
編輯回答
笨小蛋

配置項(xiàng)什么的都對(duì),解析后臺(tái)數(shù)據(jù)時(shí)傳過來的是一個(gè)字符串,應(yīng)該在前面加上一個(gè)JSON.parse()

2018年5月26日 06:24