html树节点默认展开属性,echars 树图提示信息和默认展开项设置(按照展开四层来计算)...

该博客介绍了如何在Echarts中配置树图,包括设置默认展开项和提示信息。通过读取flare.json数据,遍历四层节点,实现不同层级的展开控制和数据聚合显示。同时,展示了点击事件监听,以控制一次只展开一个分支。
摘要由CSDN通过智能技术生成

myChart.showLoading();

$.get(ROOT_PATH + 'data/asset/data/flare.json', function (data) {

// console.log(data);

// 第一层数据来源

var firstDataName=data.name;

// 第二层数据来源

var secondDataName=[];

// 第三层数据来源

var thirdDataName=[];

// 第四层数据来源

var fourthDataName=[];

data.children.forEach((item,index)=>{

secondDataName.push(item.name);

if(item.children){

item.children.forEach((item1,index1)=>{

thirdDataName.push(item1.name);

if(item1.children){

item1.children.forEach((item2,index2)=>{

fourthDataName.push(item2.name);

});

}

});

}

});

// console.log(firstDataName);

// console.log(secondDataName);

// console.log(thirdDataName);

// console.log(fourthDataName);

myChart.hideLoading();

// 控制echars默认展开项

let defaultArray=localStorage.getItem("defaultArray")||[{suoyin:0,suoyinArray:[1,2]},{suoyin:1,suoyinArray:[1,2]}];

echarts.util.each(data.children, function (datum, index) {

datum.collapsed = true;

});

for(var i=0;i<=defaultArray.len

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值