雷达图legend初始化 默认选中只显示第一个(/选择性显示)

雷达图legend初始化默认选中全部data
但是在我的项目中data有时繁多,不宜全部选中

实例:

async initexampleChart() {
	var chart = echarts.init(document.getElementById('example_analysis'), null);
	//后端获取一些数据赋值
	//const exampleAnalysis = (await this.getexampleAnalysis(...)).data.data;
	
	this.data = [];
	this.selected = {};
	for(var i = 0; i< exampleAnalysis[1].length; i++) {
	    this.data.push(exampleAnalysis[1][i].name);
	    //根据index设置想要默认选中的data,我这里是想默认只显示第一个
	    if(i === 0) {
	        this.selected[exampleAnalysis[1][i].name] = true
	    }else{
	        this.selected[exampleAnalysis[1][i].name] = false
	    }
	};
	
	//this.indicator = []; //可以动态设置雷达图的几个角角
	//for(var i = 0; i < exampleAnalysis[0].length; i++) {
	//    this.indicator.push({name: exampleAnalysis[0][i], max: 1})
	//};
	let option = {
	    legend: {
	        data: this.data,
	        selected: this.selected
	    },
	    radar: {
	        indicator: this.indicator
	    },
	    series: [
	        {
	            name: '',
	            type: 'radar',
	            data: exampleAnalysis[1]
	        }
	    ]
	};
	chart.setOption(option, true);
},

ps:
indicator 英 [ˈɪndɪkeɪtə( r )] 美 [ˈɪndɪkeɪtər]
n.标志,迹象;方向灯,转向指示灯;指示器,显示器;指示剂;指示(物)种 [ 复数 indicators ]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值