apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.23k stars 19.61k forks source link

搭配时间轴图 怎么设置那个平均值 #8950

Closed lyq95 closed 6 years ago

lyq95 commented 6 years ago

One-line summary [问题简述]

Version & Environment [版本及环境]

Expected behaviour [期望结果]

ECharts option [ECharts配置项]

option = {

}

Other comments [其他信息]

Ovilia commented 6 years ago

代码呢?

lyq95 commented 6 years ago

//地址开始项值 1-8代码省到房间 var callPropertyBeg = 0; //地址结尾项值 1-8代码省到房间 var callPropertyEnd = 0; //多地址项调用时区分返回值 var callPropertyTakeIndex = 1; //地址选择级别 var callPropertyMust = false; // 地址 var callArrayProperty = null; // 配置 var houseApplyConfig = { // 地址信息 provinceId: '', provinceName: '', cityId: '', cityName: '', countyId: '', countyName: '', subdistrictId: '', subdistrictName: '', gardenId: '', gardenName: '', buildingId: '', buildingName: '', unitId: '', unitName: '' }; var dataMapS = {}; var dataInfo={ pList : new Array(), pData : new Array(), timeData : new Array(), symbols : new Array(), IndexNames : new Array(), maxs : new Array(), titleBols : new Array("年","月"), types : new Array("省会","城市","区域","街道","小区","楼栋","单元"), aTitle :"人数变动情况", flat : 0, options : 0, nianMath : new Array('2007','2008','2009','2010','2011','2012','2013','2014','2015','2016','2017','2018'), monthMath : new Array('1','2','3','4','5','6','7','8','9','10','11','12'), //总人数 IOPeopleOne : new Array(), IOPeopleTwo : new Array(), IOPeopleThree : new Array(), IOPeopleFour : new Array(), IOPeopleFive : new Array(), IOPeopleSix : new Array(), IOPeopleSeven : new Array(), IOPeopleEight : new Array(), IOPeopleNine : new Array(), IOPeopleTen : new Array(), IOPeopleEleven : new Array(), IOPeopleTwelve : new Array(), //出入率 IOPeopleRateOne : new Array(), IOPeopleRateTwo : new Array(), IOPeopleRateThree : new Array(), IOPeopleRateFour : new Array(), IOPeopleRateFive : new Array(), IOPeopleRateSix : new Array(), IOPeopleRateSeven : new Array(), IOPeopleRateEight : new Array(), IOPeopleRateNine : new Array(), IOPeopleRateTen : new Array(), IOPeopleRateEleven : new Array(), IOPeopleRateTwelve : new Array(), //增长人数 AddPeopleOne : new Array(), AddPeopleTwo : new Array(), AddPeopleThree : new Array(), AddPeopleFour : new Array(), AddPeopleFive : new Array(), AddPeopleSix : new Array(), AddPeopleSeven : new Array(), AddPeopleEight : new Array(), AddPeopleNine : new Array(), AddPeopleTen : new Array(), AddPeopleEleven : new Array(), AddPeopleTwelve : new Array(), //增长率 AddPeopleRateOne : new Array(), AddPeopleRateTwo : new Array(), AddPeopleRateThree : new Array(), AddPeopleRateFour : new Array(), AddPeopleRateFive : new Array(), AddPeopleRateSix : new Array(), AddPeopleRateSeven : new Array(), AddPeopleRateEight : new Array(), AddPeopleRateNine : new Array(), AddPeopleRateTen : new Array(), AddPeopleRateEleven : new Array(), AddPeopleRateTwelve : new Array(), //退出人数 QuitPeopleOne : new Array(), QuitPeopleTwo : new Array(), QuitPeopleThree : new Array(), QuitPeopleFour : new Array(), QuitPeopleFive : new Array(), QuitPeopleSix : new Array(), QuitPeopleSeven : new Array(), QuitPeopleEight : new Array(), QuitPeopleNine : new Array(), QuitPeopleTen : new Array(), QuitPeopleEleven : new Array(), QuitPeopleTwelve : new Array(), //退出率 QuitPeopleRateOne : new Array(), QuitPeopleRateTwo : new Array(), QuitPeopleRateThree : new Array(), QuitPeopleRateFour : new Array(), QuitPeopleRateFive : new Array(), QuitPeopleRateSix : new Array(), QuitPeopleRateSeven : new Array(), QuitPeopleRateEight : new Array(), QuitPeopleRateNine : new Array(), QuitPeopleRateTen : new Array(), QuitPeopleRateEleven : new Array(), QuitPeopleRateTwelve : new Array() }

$(function () { //赋值日期默认当前年份和月份 gssetvalue("inputDataSerach",gsNowYearMonth()); //默认数据为年 dataInfo.timeData=dataInfo.nianMath; titleFormat(dataInfo.nianMath); initChart(); requestData.getPeopleInfo(); $('#addressBut').click(function () { showAddress(); }); $('#optionS').change(function () { dataInfo.options=gsgetvalue("optionS"); dataInfo.timeData=[]; dataInfo.symbols=[]; if(dataInfo.options==0){ //年(0) dataInfo.timeData=dataInfo.nianMath; titleFormat(dataInfo.nianMath); }else{ dataInfo.timeData=dataInfo.monthMath; titleFormat(dataInfo.monthMath); } requestData.getPeopleInfo(); });

});

//时间控件 function timeDateA(){ dataInfo.monthMath=[]; dataInfo.nianMath=[]; dataInfo.timeData=[]; dataInfo.symbols=[]; if(dataInfo.options==0){ //年(0) dataInfo.timeData=dataInfo.nianMath; titleFormat(dataInfo.nianMath); }else{ dataInfo.timeData=dataInfo.monthMath; titleFormat(dataInfo.monthMath) } requestData.getPeopleInfo(); }

//初始化 function initChart(){ require.config({ paths: { echarts: './build/dist' } }); }

//标题格式 function titleFormat(obj){ for(var i=0;i<obj.length;i++){ dataInfo.symbols.push(obj[i]) } }

//数据格式化 function dataFormatter(obj) { var temp; var max = 0; for (var year = dataInfo.symbols[0]; year <= dataInfo.symbols[dataInfo.symbols.length]; year++) { temp = obj[year]; for (var i = 0, l = temp.length; i < l; i++) { max = Math.max(max, temp[i]); dataInfo.maxs.push(Math.max(max, temp[i])); obj[year][i] = { name : dataInfo.pList[i], value : temp[i] } } } return obj; }

//换KEY function switchKey(obj){ var temp={}; var num=0; for (var year = 2009; year <= 2020; year++) { temp[dataInfo.symbols[num]]= obj[year]; num++; } return temp; }

//赋值 function setValueData(str1,str2,str3,str4,str5,str6,str7,str8,str9,str10,str11,str12){ var shuzu=new Array(); shuzu.push(str1); shuzu.push(str2); shuzu.push(str3); shuzu.push(str4); shuzu.push(str5); shuzu.push(str6); shuzu.push(str7); shuzu.push(str8); shuzu.push(str9); shuzu.push(str10); shuzu.push(str11); shuzu.push(str12); var temp={}; var num=0; for (var year = 2009; year <= 2020; year++) { temp[year]=shuzu[num]; num++; } return temp; }

function dataMix(list) { var mixData = {}; for (var i = 0, l = list.length; i < l; i++) { for (var key in list[i]) { if (list[i][key] instanceof Array) { mixData[key] = mixData[key] || []; for (var j = 0, k = list[i][key].length; j < k; j++) { mixData[key][j] = mixData[key][j] || {name : list[i][key][j], value : [list[i][key][j]]}; mixData[key][j].value.push(list[i][key][j]); } } } } return mixData; }

/**

//初始化数据 function openData (){ dataInfo.pData=[]; for(var m=0;m<dataInfo.IndexNames.length;m++) { dataInfo.pList.push(dataInfo.IndexNames[m]); if (m % 2 == 1) { dataInfo.pData.push('\n' + dataInfo.IndexNames[m] + ''); } else { dataInfo.pData.push('' + dataInfo.IndexNames[m] + ''); }

};
//数据
dataMapS.IOpeopleNums = dataFormatter(switchKey(setValueData(dataInfo.IOPeopleOne,dataInfo.IOPeopleTwo,dataInfo.IOPeopleThree,
    dataInfo.IOPeopleFour,dataInfo.IOPeopleFive,dataInfo.IOPeopleSix,dataInfo.IOPeopleSeven,dataInfo.IOPeopleEight,dataInfo.IOPeopleNine,
    dataInfo.IOPeopleTen,dataInfo.IOPeopleEleven,dataInfo.IOPeopleTwelve)));
dataMapS.IOpeopleRateNums = dataFormatter(switchKey(setValueData(dataInfo.IOPeopleRateOne,dataInfo.IOPeopleRateTwo,dataInfo.IOPeopleRateThree,
    dataInfo.IOPeopleRateFour,dataInfo.IOPeopleRateFive,dataInfo.IOPeopleRateSix,dataInfo.IOPeopleRateSeven,dataInfo.IOPeopleRateEight,
    dataInfo.IOPeopleRateNine,dataInfo.IOPeopleRateTen,dataInfo.IOPeopleRateEleven,dataInfo.IOPeopleRateTwelve)));
dataMapS.AddpeopleNums = dataFormatter(switchKey(setValueData(dataInfo.AddPeopleOne,dataInfo.AddPeopleTwo,dataInfo.AddPeopleThree,
    dataInfo.AddPeopleFour,dataInfo.AddPeopleFive,dataInfo.AddPeopleSix,dataInfo.AddPeopleSeven,dataInfo.AddPeopleEight,dataInfo.AddPeopleNine,
    dataInfo.AddPeopleTen,dataInfo.AddPeopleEleven,dataInfo.AddPeopleTwelve)));
dataMapS.AddpeopleRateNums = dataFormatter(switchKey(setValueData(dataInfo.AddPeopleRateOne,dataInfo.AddPeopleRateTwo,dataInfo.AddPeopleRateThree,
    dataInfo.AddPeopleRateFour,dataInfo.AddPeopleRateFive,dataInfo.AddPeopleRateSix,dataInfo.AddPeopleRateSeven,dataInfo.AddPeopleRateEight,
    dataInfo.AddPeopleRateNine,dataInfo.AddPeopleRateTen,dataInfo.AddPeopleRateEleven,dataInfo.AddPeopleRateTwelve)));
dataMapS.QuitpeopleNums = dataFormatter(switchKey(setValueData(dataInfo.QuitPeopleOne,dataInfo.QuitPeopleTwo,dataInfo.QuitPeopleThree,
    dataInfo.QuitPeopleFour,dataInfo.QuitPeopleFive,dataInfo.QuitPeopleSix,dataInfo.QuitPeopleSeven,dataInfo.QuitPeopleEight,
    dataInfo.QuitPeopleNine,dataInfo.QuitPeopleTen,dataInfo.QuitPeopleEleven,dataInfo.QuitPeopleTwelve)));
dataMapS.QuitpeopleRateNums = dataFormatter(switchKey(setValueData(dataInfo.QuitPeopleRateOne,dataInfo.QuitPeopleRateTwo,
    dataInfo.QuitPeopleRateThree,dataInfo.QuitPeopleRateFour,dataInfo.QuitPeopleRateFive,dataInfo.QuitPeopleRateSix,
    dataInfo.QuitPeopleRateSeven,dataInfo.QuitPeopleRateEight,dataInfo.QuitPeopleRateNine,dataInfo.QuitPeopleRateTen,
    dataInfo.QuitPeopleRateEleven,dataInfo.QuitPeopleRateTwelve)));
dataMapS.dataGDP_Estate = dataMix([dataMapS.IOpeopleNums,dataMapS.IOpeopleRateNums,dataMapS.AddpeopleNums,dataMapS.AddpeopleRateNums,
    dataMapS.QuitpeopleNums,dataMapS.QuitpeopleRateNums]);

}

//打开地址选择 function showAddress() { callArrayProperty = new Array(); for (var i = 0; i <= 7; i++) { callArrayProperty[i] = new Array(); for (var j = 0; j <= 1; j++) { callArrayProperty[i][j] = ""; } } callArrayProperty[0][0] = gsgetvalue("hide_s_provinceID"); callArrayProperty[0][1] = gsgetvalue("hide_s_provinceName"); callArrayProperty[1][0] = gsgetvalue("hide_s_cityID"); callArrayProperty[1][1] = gsgetvalue("hide_s_cityName"); callArrayProperty[2][0] = gsgetvalue("hide_s_countyID"); callArrayProperty[2][1] = gsgetvalue("hide_s_countyName"); callArrayProperty[3][0] = gsgetvalue("hide_s_subdistrictID"); callArrayProperty[3][1] = gsgetvalue("hide_s_subdistrictName"); callArrayProperty[4][0] = gsgetvalue("hide_s_gardenID"); callArrayProperty[4][1] = gsgetvalue("hide_s_gardenName"); callArrayProperty[5][0] = gsgetvalue("hide_s_buildingID"); callArrayProperty[5][1] = gsgetvalue("hide_s_buildingName"); callArrayProperty[6][0] = gsgetvalue("hide_s_unitID"); callArrayProperty[6][1] = gsgetvalue("hide_s_unitName"); callArrayProperty[6][0] = gsgetvalue("hide_s_roomID"); callArrayProperty[6][1] = gsgetvalue("hide_s_roomName"); // callPropertyEnd = 6; callPropertyMust = false; layer_showEx('地址选择', '../../../pageproperty/assembly/propertylist.jsp'); }

// 接收子页面返回的 function takeProperty(arrayProperty, propertyTakeIndex) { if (propertyTakeIndex == 1) { gssetvalue("hide_s_provinceID", arrayProperty[0][0]); gssetvalue("hide_s_provinceName", arrayProperty[0][1]); gssetvalue("hide_s_cityID", arrayProperty[1][0]); gssetvalue("hide_s_cityName", arrayProperty[1][1]); gssetvalue("hide_s_countyID", arrayProperty[2][0]); gssetvalue("hide_s_countyName", arrayProperty[2][1]); gssetvalue("hide_s_subdistrictID", arrayProperty[3][0]); gssetvalue("hide_s_subdistrictName", arrayProperty[3][1]); gssetvalue("hide_s_gardenID", arrayProperty[4][0]); gssetvalue("hide_s_gardenName", arrayProperty[4][1]); gssetvalue("hide_s_buildingID", arrayProperty[5][0]); gssetvalue("hide_s_buildingName", arrayProperty[5][1]); gssetvalue("hide_s_unitID", arrayProperty[6][0]); gssetvalue("hide_s_unitName", arrayProperty[6][1]); gssetvalue("hide_s_roomID", arrayProperty[7][0]); gssetvalue("hide_s_roomName", arrayProperty[7][1]);

    var provinceId = arrayProperty[0][0];
    var provinceName = arrayProperty[0][1];

    var cityId = arrayProperty[1][0];
    var cityName = arrayProperty[1][1];

    var countyId = arrayProperty[2][0];
    var countyName = arrayProperty[2][1];

    var subdistrictId = arrayProperty[3][0];
    var subdistrictName = arrayProperty[3][1];

    var gardenId = arrayProperty[4][0];
    var gardenName = arrayProperty[4][1];

    var buildingId = arrayProperty[5][0];
    var buildingName = arrayProperty[5][1];

    var unitId = arrayProperty[6][0];
    var unitName = arrayProperty[6][1];

    var roomName = arrayProperty[7][1];

    var ddrsl = loadAddress(provinceName, cityName, countyName, subdistrictName,gardenName,buildingName,unitName);
    gssetvalue("addressInfo", ddrsl);
    // 保存地址单元信息
    houseApplyConfig.provinceId = provinceId;
    houseApplyConfig.provinceName = provinceName;
    houseApplyConfig.cityId = cityId;
    houseApplyConfig.cityName = cityName;
    houseApplyConfig.countyId = countyId;
    houseApplyConfig.countyName = countyName;
    houseApplyConfig.subdistrictId = subdistrictId;
    houseApplyConfig.subdistrictName = subdistrictName;
    houseApplyConfig.gardenId = gardenId;
    houseApplyConfig.gardenName = gardenName;
    houseApplyConfig.buildingId = buildingId;
    houseApplyConfig.buildingName = buildingName;
    houseApplyConfig.unitId = unitId;
    houseApplyConfig.unitName = unitName;
    if(provinceName==""){
        dataInfo.flat=0;
    }else if(cityName==""){
        dataInfo.flat=1;
    }else if(countyName==""){
        dataInfo.flat=2;
    }else if(subdistrictName==""){
        dataInfo.flat=3;
    }else if(gardenName==""){
        dataInfo.flat=4;
    }else if(buildingName==""){
        dataInfo.flat=5;
    }else if(unitName==""){
        dataInfo.flat=6;
    }
    if(unitId ==-1) {
        $.alert({
            title : '错误!',
            backgroundDismiss : false,
            type : 'red',
            content : '该单元不存在'
        });
    }
    if(unitName != "") {
        $.alert({
            title : '错误!',
            backgroundDismiss : false,
            type : 'red',
            content : '请选择到单元以上'
        });
    }
    requestData.getPeopleInfo(); 
}

}

/**

function addDate(){ require( [ 'echarts', 'echarts/chart/bar', // 使用柱状图就加载bar模块,按需加载 'echarts/chart/line', 'echarts/chart/scatter', 'echarts/chart/k', 'echarts/chart/pie', 'echarts/chart/radar', 'echarts/chart/force', 'echarts/chart/chord', 'echarts/chart/gauge', 'echarts/chart/funnel', 'echarts/chart/eventRiver', 'echarts/chart/venn', 'echarts/chart/treemap', 'echarts/chart/tree', 'echarts/chart/wordCloud', 'echarts/chart/heatmap' ], function (ec) { var myChart = ec.init(document.getElementById('main'), 'shine'); // 过渡--------------------- myChart.showLoading({ text: '正在努力的读取数据中...', //loading话术 }); // 初始化时间(动态),分析数据(人数,增长率,退房率,出入路),地区(动态),标题动态显示地区 myChart.hideLoading(); var option = { timeline:{ data:dataInfo.symbols, label : { formatter : function(s) { return s.slice(0, 4); } }, autoPlay : true, playInterval : 1000 }, options:[ { title : { 'text':dataInfo.symbols[0]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle, 'subtext':'' }, tooltip : {'trigger':'axis'}, legend : { x:'right', 'data':['人数','增长率','新进人数','进入率','退出人数','退出率'], 'selected':{ '人数':true, '增长率':true, '新进人数':true, '进入率':true, '退出人数':true, '退出率':true } },toolbox : { 'show':true, orient : 'vertical', x: 'right', y: 'center', 'feature':{ 'mark':{'show':true}, 'dataView':{'show':true,'readOnly':false}, 'magicType':{'show':true,'type':['line','bar','stack','tiled']}, 'restore':{'show':true}, 'saveAsImage':{'show':true} } }, calculable : true, grid : {'y':80,'y2':100}, xAxis : [{ 'type':'category', 'axisLabel':{'interval':0}, 'data':dataInfo.pData

                        }],
                        yAxis : [
                            {
                                'type':'value',
                                'name':'人数',
                                'max':dataInfo.maxs
                            },
                            {
                                'type':'value',
                                'name':'百分率',
                                'max': dataMapS.IOpeopleRateNums
                            }
                        ],
                        series : [
                            {
                                'name':'人数',
                                'type':'bar',
                                'markLine':{
                                    symbol : ['arrow','none'],
                                    symbolSize : [4, 2],
                                    itemStyle : {
                                        normal: {
                                            lineStyle: {color:'orange'},
                                            barBorderColor:'orange',
                                            label:{
                                                position:'left',
                                                formatter:function(params){
                                                    return Math.round(params.value);
                                                },
                                                textStyle:{color:'orange'}
                                            }
                                        }
                                    },
                                    'data':[{'type':'average','name':'平均值'}]
                                },
                                'data': dataMapS.IOpeopleNums[dataInfo.symbols[0]]
                            },
                            {
                                'name':'增长率','yAxisIndex':1,'type':'bar',
                                'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[0]]
                            },
                            {
                                'name':'新进人数','yAxisIndex':1,'type':'bar',
                                'data': dataMapS.AddpeopleNums[dataInfo.symbols[0]]
                            },
                            {
                                'name':'进入率','yAxisIndex':1,'type':'bar',
                                'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[0]]
                            },
                            {
                                'name':'退出人数','yAxisIndex':1,'type':'bar',
                                'data': dataMapS.QuitpeopleNums[dataInfo.symbols[0]]
                            },
                            {
                                'name':'退出率','yAxisIndex':1,'type':'bar',
                                'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[0]]
                            }
                        ]
                    },{
                        title : {'text':dataInfo.symbols[1]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[1]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[1]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[1]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[1]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[1]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[1]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[2]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[2]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[2]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[2]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[2]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[2]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[2]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[3]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[3]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[3]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[3]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[3]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[3]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[3]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[4]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[4]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[4]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[4]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[4]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[4]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[4]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[5]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[5]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[5]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[5]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[5]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[5]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[5]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[6]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[6]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[6]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[6]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[6]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[6]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[6]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[7]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[7]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[7]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[7]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[7]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[7]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[7]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[8]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[8]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[8]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[8]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[8]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[8]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[8]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[9]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[9]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[9]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[9]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[9]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[9]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[9]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[10]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[10]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[10]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[10]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[10]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[10]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[10]]}
                        ]
                    },{
                        title : {'text':dataInfo.symbols[11]+dataInfo.titleBols[dataInfo.options]+dataInfo.types[dataInfo.flat]+dataInfo.aTitle},
                        series : [
                            {'data': dataMapS.IOpeopleNums[dataInfo.symbols[11]]},
                            {'data': dataMapS.IOpeopleRateNums[dataInfo.symbols[11]]},
                            {'data': dataMapS.AddpeopleNums[dataInfo.symbols[11]]},
                            {'data': dataMapS.AddpeopleRateNums[dataInfo.symbols[11]]},
                            {'data': dataMapS.QuitpeopleNums[dataInfo.symbols[11]]},
                            {'data': dataMapS.QuitpeopleRateNums[dataInfo.symbols[11]]}
                        ]
                    }
                ]
            };
        myChart.clear();
        myChart.setOption(option);
    });  

}

Ovilia commented 6 years ago

请提供最小化能运行的代码,方便定位问题

lyq95 commented 6 years ago

option = { timeline:{ data:[ '2002-01-01','2003-01-01','2004-01-01','2005-01-01','2006-01-01', '2007-01-01','2008-01-01','2009-01-01','2010-01-01','2011-01-01' ], label : { formatter : function(s) { return s.slice(0, 4); } }, autoPlay : true, playInterval : 1000 }, options:[ { title : { 'text':'2002全国宏观经济指标', 'subtext':'数据来自国家统计局' }, tooltip : {'trigger':'axis'}, legend : { x:'right', 'data':['GDP','金融','房地产','第一产业','第二产业','第三产业'], 'selected':{ 'GDP':true, '金融':false, '房地产':true, '第一产业':false, '第二产业':false, '第三产业':false } }, toolbox : { 'show':true, orient : 'vertical', x: 'right', y: 'center', 'feature':{ 'mark':{'show':true}, 'dataView':{'show':true,'readOnly':false}, 'magicType':{'show':true,'type':['line','bar','stack','tiled']}, 'restore':{'show':true}, 'saveAsImage':{'show':true} } }, calculable : true, grid : {'y':80,'y2':100}, xAxis : [{ 'type':'category', 'axisLabel':{'interval':0}, 'data':[ '北京','\n天津','河北','\n山西','内蒙古','\n辽宁','吉林','\n黑龙江', '上海','\n江苏','浙江','\n安徽','福建','\n江西','山东','\n河南', '湖北','\n湖南','广东','\n广西','海南','\n重庆','四川','\n贵州', '云南','\n西藏','陕西','\n甘肃','青海','\n宁夏','新疆' ] }], yAxis : [ { 'type':'value', 'name':'GDP(亿元)', 'max':53500 }, { 'type':'value', 'name':'其他(亿元)' } ], series : [ { 'name':'GDP', 'type':'bar', 'markLine':{ symbol : ['arrow','none'], symbolSize : [4, 2], itemStyle : { normal: { lineStyle: {color:'orange'}, barBorderColor:'orange', label:{ position:'left', formatter:function(params){ return Math.round(params.value); }, textStyle:{color:'orange'} } } }, 'data':[{'type':'average','name':'平均值'}] }, 'data': dataMap.dataGDP['2002'] }, { 'name':'金融','yAxisIndex':1,'type':'bar', 'data': dataMap.dataFinancial['2002'] }, { 'name':'房地产','yAxisIndex':1,'type':'bar', 'data': dataMap.dataEstate['2002'] }, { 'name':'第一产业','yAxisIndex':1,'type':'bar', 'data': dataMap.dataPI['2002'] }, { 'name':'第二产业','yAxisIndex':1,'type':'bar', 'data': dataMap.dataSI['2002'] }, { 'name':'第三产业','yAxisIndex':1,'type':'bar', 'data': dataMap.dataTI['2002'] } ] }, { title : {'text':'2003全国宏观经济指标'}, series : [ {'data': dataMap.dataGDP['2003']}, {'data': dataMap.dataFinancial['2003']}, {'data': dataMap.dataEstate['2003']}, {'data': dataMap.dataPI['2003']}, {'data': dataMap.dataSI['2003']}, {'data': dataMap.dataTI['2003']} ] }, { title : {'text':'2004全国宏观经济指标'}, series : [ {'data': dataMap.dataGDP['2004']}, {'data': dataMap.dataFinancial['2004']}, {'data': dataMap.dataEstate['2004']}, {'data': dataMap.dataPI['2004']}, {'data': dataMap.dataSI['2004']}, {'data': dataMap.dataTI['2004']} ] }, { title : {'text':'2005全国宏观经济指标'}, series : [ {'data': dataMap.dataGDP['2005']}, {'data': dataMap.dataFinancial['2005']}, {'data': dataMap.dataEstate['2005']}, {'data': dataMap.dataPI['2005']}, {'data': dataMap.dataSI['2005']}, {'data': dataMap.dataTI['2005']} ] }, { title : {'text':'2006全国宏观经济指标'}, series : [ {'data': dataMap.dataGDP['2006']}, {'data': dataMap.dataFinancial['2006']}, {'data': dataMap.dataEstate['2006']}, {'data': dataMap.dataPI['2006']}, {'data': dataMap.dataSI['2006']}, {'data': dataMap.dataTI['2006']} ] }, { title : {'text':'2007全国宏观经济指标'}, series : [ {'data': dataMap.dataGDP['2007']}, {'data': dataMap.dataFinancial['2007']}, {'data': dataMap.dataEstate['2007']}, {'data': dataMap.dataPI['2007']}, {'data': dataMap.dataSI['2007']}, {'data': dataMap.dataTI['2007']} ] }, { title : {'text':'2008全国宏观经济指标'}, series : [ {'data': dataMap.dataGDP['2008']}, {'data': dataMap.dataFinancial['2008']}, {'data': dataMap.dataEstate['2008']}, {'data': dataMap.dataPI['2008']}, {'data': dataMap.dataSI['2008']}, {'data': dataMap.dataTI['2008']} ] }, { title : {'text':'2009全国宏观经济指标'}, series : [ {'data': dataMap.dataGDP['2009']}, {'data': dataMap.dataFinancial['2009']}, {'data': dataMap.dataEstate['2009']}, {'data': dataMap.dataPI['2009']}, {'data': dataMap.dataSI['2009']}, {'data': dataMap.dataTI['2009']} ] }, { title : {'text':'2010全国宏观经济指标'}, series : [ {'data': dataMap.dataGDP['2010']}, {'data': dataMap.dataFinancial['2010']}, {'data': dataMap.dataEstate['2010']}, {'data': dataMap.dataPI['2010']}, {'data': dataMap.dataSI['2010']}, {'data': dataMap.dataTI['2010']} ] }, { title : {'text':'2011全国宏观经济指标'}, series : [ {'data': dataMap.dataGDP['2011']}, {'data': dataMap.dataFinancial['2011']}, {'data': dataMap.dataEstate['2011']}, {'data': dataMap.dataPI['2011']}, {'data': dataMap.dataSI['2011']}, {'data': dataMap.dataTI['2011']} ] } ] };

这个哦 就是不知道平均值怎么算的 对的数据放进去 但是平均值没有变