代码解析
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;
}