echarts 轮播图事件监听

代码解析

var chartData1 = [];
			var chartData2 = [];
			//console.log(res);
			$.each(res.datalist, function (key, value) {
				value=formatData(value,0);
				chartData2.push({
					type: 'tree',
					itemStyle: {
						color:'#ded3b0',
						borderColor: '#31a4ac',
					},
					data: value,
					left: '2%',
					right: '2%',
					top: '8%',
					bottom: '40%',
					itemStyle:{
						opacity:1
					},
					label: {
						normal: {
							backgroundColor:'#fff'
						}
					},
					orient: 'vertical',
					initialTreeDepth: 3,
					expandAndCollapse: true,
					animationDurationUpdate: 750
				});

			});
			$.each(chartData2, function (key, value) {
				chartData1.push({
					series: value
				});
			});
			drawTopoShibie(chartData1,res.timelist);

function drawTopoShibie(data,timelist) {

	data=getTopoShibieTdtuData(data);
	console.log("after data",data);

		// myChart = echarts.init(document.getElementById("topo-sb-wapper"));
	var endIdx = timelist.length - 1;
	console.log("endIdx", endIdx)
    var option = {
        timeline: {
        	// 循环播放
            loop: true,
            axisType: 'category',
            show: true,
			// 自动播放
            // autoPlay: true,
            // playInterval: 1000,
            data: timelist,
			// 当前定位时间轴
			currentIndex: endIdx,

        },

        tooltip: {
            trigger: 'item',
            triggerOn: 'mousemove'
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '13%',
            containLabel: true
        },
        options : data

    };

    // myChart.setOption(option);
	//
	//
	// $(".topo-substain-wapper").on("redraw", function(){
	// 	myChart.resize();
	// });
	// return myChart;
	var drawEchart = _WOO.c.drawEchart('topo-sb-wapper',option);

	drawEchart.on('timelinechanged', function (params) {
		if(params.currentIndex == endIdx){
			drawEchart.dispatchAction({
				type: 'timelinePlayChange',
				// 播放状态，true 为自动播放
				playState: false
			});
		}
	});

}

function getTopoShibieTdtuData(data) {
	var result = [];
	$.each(data, function (key, value) {
		var item = value.series.data;
		if(item.length>0){
			var istdtu = item[0].tdtuFlag || 0;
			if(istdtu==1){
				var out = item[0].children ? item[0].children : [];
				if(out.length>0){
					item = out[0].children ? out[0].children : [];
					if(item.length>0){
						item[0].symbol="image:///zz/images/pages/topo/substain.png";
						item[0].symbolSize = [64,64];
					}
				}
			}
			value.series.data=item;
		}
	});

	return data;
}