基于柱状图的基础上，再添加一个【滚动选项卡】和一个【多选选项卡】组件，通过选项卡的自动轮播控制多选选项卡的选中状态，【多选选项卡】发出回调，【基本柱状图】组件接收回调并逐条筛选出数据，从而达到柱状图形的逐条显示。
控制路径：【滚动选项卡】控制👉【多选选项卡】控制👉【基本柱状图】
2.1 全局配置
2.2 滚动选项卡配置
[{"s": "1","y": 180,"content": "Tab A"},{"s": "2","y": 200,"content": "Tab B"},{"s": "3","y": 160,"content": "Tab C"},{"s": "4","y": 200,"content": "Tab D"},{"s": "5","y": 100,"content": "Tab D"},{"s": "6","y": 130,"content": "Tab D"}]
2.3 多选选项卡配置
2.4 基本柱状图配置
[{"x": "2010/01/01 00:00:00","y": 0,"s": "系列一"},{"x": "2010/02/01 00:00:00","y": 0,"s": "系列一"},{"x": "2010/03/01 00:00:00","y": 0,"s": "系列一"},{"x": "2010/04/01 00:00:00","y": 0,"s": "系列一"},{"x": "2010/05/01 00:00:00","y": 0,"s": "系列一"},{"x": "2010/06/01 00:00:00","y": 0,"s": "系列一"}]
var a=callbackArgs.valueconsole.log("44444444",a)for(var i=0;i<a.length;i++){data[i].y=a[i]}console.log("323232",data)return data
文章
1.08K人气
0粉丝
0关注
更多数字孪生可视化干货内容
扫一扫关注公众号
扫一扫联系客服
©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 
浙公网安备33011002011932号
互联网信息服务业务 合字B2-20220090
