fvs怎么能让我的柱状图的值动态轮播

image.png

FineReport Vessel1213 发布于 2025-5-6 16:35 (编辑于 2025-5-6 16:36)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共5回答
最佳回答
0
用户k6280494Lv6资深互助
发布于2025-5-6 16:36(编辑于 2025-5-6 16:37)
最佳回答
0
华莉星宸Lv7资深互助
发布于2025-5-6 16:36(编辑于 2025-5-6 16:37)

FVS动态轮播条形图 https://help.fanruan.com/finereport/doc-view-5252.html

效果图.gif

-----------------

FVS基础图表实现数据点提示轮播 https://help.fanruan.com/finereport/doc-view-4792.html

1656935737709641.gif

最佳回答
0
CD20160914Lv8专家互助
发布于2025-5-6 16:36(编辑于 2025-5-6 16:40)

你是想柱形图动态比如显示了5个分类后,消失掉,又显示后面的5个分类,依次这样?

是想类似这样吧

111.gif

最佳回答
0
snrtuemcLv8专家互助
发布于2025-5-6 16:37(编辑于 2025-5-6 16:38)

参考下

FVS动态轮播条形图 https://help.fanruan.com/finereport/doc-view-5252.html

========

你讲的是这个吧

FVS基础图表实现数据点提示轮播 https://help.fanruan.com/finereport/doc-view-4792.html

最佳回答
0
FR-LeonLv4初级互助
发布于2025-5-7 09:09

在FVS可视化看板中实现柱状图动态轮播效果,可通过以下步骤操作:

1. 核心实现原理

通过SQL查询语句设置时间参数过滤数据,使参数值随时间自动变化,并定时刷新图表。效果如下图所示:效果图.gif

2. 具体操作步骤
  1. 绑定数据源

    • 在柱状图的数据设置中,SQL查询语句需包含时间参数(如${time_param}),通过参数动态筛选数据

  2. 配置轮播逻辑

    • 使用FVS的「轮播器组件」或JavaScript定时器控制参数变化,例如:


      setInterval(function() {

      // 修改时间参数值并刷新图表

      _g().parameterCommit();

      }, 3000); // 3秒刷新一次
  3. 交互优化(V2.2.0+)

    • 支持鼠标悬浮暂停轮播,移出后继续轮播

3. 模板参考

:若需分类值固定不变,可参考分类值固定不变.fvs模板

  • 6关注人数
  • 56浏览人数
  • 最后回答于:2025-5-7 09:09
    请选择关闭问题的原因
    确定 取消
    返回顶部