图表数据默认显示前三条

做图表的过程中,有一个需求是这样的,打开图表页面,因为公司数据全部展示上去会不美观也会有点卡,所以让他默认显示前三条,但是图例点的时候还会正常显示,我写了一个插件方法用来达到这个效果

代码如下:

/**默认显示几条公司数据的数组
* @param {Object} companys 公司数组
*/
function defaultDisplay(companys){
//声明前两个公司之外的公司数组
var selectcompany = [];
//取出來两個之後的公司名字
for (var i = 0; i < companys.length; i++) {
if(companys.length>=3){
if (i > 2) {
selectcompany.push(companys[i]);
}
}
else if(i > 1){
selectcompany.push(companys[i]);
}
}
//讓他們的值都為false用來填充legend中的數據
var selectcompany1 = {};
for (let i = 0; i < selectcompany.length; i++) {
selectcompany1[selectcompany[i]] = false;
}
return selectcompany1;
}

本文仅提供参考,是本人闲时所写笔记,如有错误,还请赐教,作者:阿蒙不萌,大家可以随意转载

原文地址:https://www.cnblogs.com/huchong-bk/p/11489669.html