admin 管理员组文章数量: 1086019
2024年4月18日发(作者:direct access是什么意思)
alignWithLabel: true
},
data: ,
name: '快照时间'
}
],
yAxis: [
{
type: 'value',
name: '统计值'
}
],
series:
};
ion(option);
ntListener("resize", () => { ();});
},
fetchData(){
getPhyLogiLoadApi(this.$_id).then((res) => {
if( === 200){
let _dataArray = ,
len = _;
for(let i=0;i if(!es(_dataArray[i].instance_name)){ Color[_dataArray[i].instance_name] = []; (_dataArray[i].instance_name); } let _obj = { name:_dataArray[i].stat_name, type:'line', smooth:true, dbname:_dataArray[i].instance_name, color:Color[_dataArray[i].instance_name], data:_dataArray[i].stat_(',') } (_obj) } = _dataArray[0].snap_(',') ne(); } }) }, changeLegrend(item,e){ let _obj = {}, len = , _data = ; let thisDom = tTarget; ('btn-selected'); for(let i = 0; i < len; i++){ if(item === _data[i].dbname){ //如果为空,说明被选,置为存储的数据 if(_data[i]. === 0){ _data[i].data = e[item][_data[i].name] }else{ //先存数据,再置为空 _obj[_data[i].name] = _data[i].data; _data[i].data = [] } } } //存储数据 e[item] = _obj; ne(); } }, mounted(){ ata(); } } .legend_container{ text-align center li { list-style none display inline } } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; background-color: transparent; box-shadow: none; } .btn-legend-item { color: rgb(72, 72, 72); padding: 0px; } .legend-item-bg { display:inline-block; width: 20px; height: 12px; margin-right: 5px; border-radius: 2px; } .btn-selected{ opacity 0.3 }
版权声明:本文标题:EChart处理三维数据做图表、多维legend图例处理 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.roclinux.cn/p/1713388988a632163.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论