在选项卡中设置回调参数将日期回调出去,在万用图组件中添加过滤器将符合日期的数据过滤出来显示。
2.1 全局配置
2.2 多项选项卡配置
[
{
"s": "1",
"content": "2020"
},
{
"s": "2",
"content": "2021"
},
{
"s": "3",
"content": "2022"
},
{
"s": "4",
"content": "2023"
},
{
"s": "5",
"content": "2024"
}
]
2.3 万用图配置
[
{
"s": "系列一",
"x": "2020",
"y": 290
},
{
"s": "系列一",
"x": "2021",
"y": 360
},
{
"s": "系列一",
"x": "2022",
"y": 320
},
{
"s": "系列一",
"x": "2023",
"y": 287
},
{
"s": "系列一",
"x": "2024",
"y": 295
}
]
添加两组过滤器,进行数据过滤并使数据按照x轴排列。
“数据过滤”过滤器代码⬇️
console.log("12343",callbackArgs.content)
var result=[]
var c=callbackArgs.content
if(c){
for(var i=0;i<c.length;i++){
var d=data.filter(function(a,b){
return a.x==c[i]
})
console.log("3456",result)
result.push(d[0])
}
return result;
}
else{
return data
}
data.sort((a, b) => (a.x > b.x) ? 1 : -1);
return data;
文章
1.07K人气
0粉丝
0关注
©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 浙公网安备33011002011932号
互联网信息服务业务 合字B2-20220090