时间组件传递动态当下日期，基本柱状图回调接收日期值，过滤器中处理x轴数据。
操作流程
第一步，添加【时间组件】和【基本柱状图】组件。
第二步，在【时间组件】-交互中添加回调，发送“当下时间信号”。
第三步，在【柱状图】组件中添加过滤器接受回调。
let startDate = new Date(callbackArgs.time);
//let startDate = new Date('2024-06-01');
console.log("111",startDate);
// 创建一个数组，包含前15天的日期let pastDates = [];for (let i = 1; i <= data.length/2; i++) { startDate.setDate(startDate.getDate() - 1); pastDates.push(startDate.toISOString().split('T')[0].split('-').join('/'));}
// 用于存储“系列一”和“系列二”的索引let seriesOneIndex = pastDates.length-1;let seriesTwoIndex = pastDates.length-1;
data.forEach((item, index) => { if (item.s === "系列一") { // 赋值日期并格式化为 "YYYY/MM/DD" 格式 item.x = pastDates[seriesOneIndex]; seriesOneIndex--; } else if (item.s === "系列二") { item.x = pastDates[seriesTwoIndex]; seriesTwoIndex--; }});
return data;如需获得该教程demo，可关注公众号【易知微产品帮助中心】发送消息“柱状图自动更新数据”获取～
文章
469人气
0粉丝
0关注
更多数字孪生可视化干货内容
扫一扫关注公众号
扫一扫联系客服
©Copyrights 2016-2022 杭州易知微科技有限公司 浙ICP备2021017017号-3 
浙公网安备33011002011932号
互联网信息服务业务 合字B2-20220090
