如下所示,通过两个控件选取不同数值,图表将依据所选参数自动完成数据筛选,并实时呈现对应结果。
1、 示例一
2、 在两个控件中分别选择不同选项,图表内容将随之动态刷新,展示经过过滤后的最新数据视图。
3、 以FineBI的ChartDemo为例,进入“合同详细信息”组件的配置面板,点击“编辑”按钮。在字段列表中定位到“合同签约时间”,点击其右侧下拉箭头,将分组方式设为“按年”。相关操作可参阅FineBI平台关于时间类指标的配置指南,从而实现更精准的数据汇总与分析,进一步优化可视化呈现质量。

4、 插入文本型控件
5、 添加控件元素
6、 在FineBI即时分析编辑界面中,从左侧控件栏中拖拽文本类控件至分析画布区域,效果如下图所示。

7、 配置数据参数
8、 自定义控件名称
9、 单击左上角默认组件名,即可对控件显示标题进行重命名,操作界面如下图所示。

10、 时间类型控件
11、 将年份选择控件拖入分析页面,绑定数据源为“合同信息”表中的“签约时间”字段,并将该控件名称修改为“合同签约时间”,其设置流程与文本控件基本一致。

12、 组件布局调整
13、 在FineBI中对分析页内各组件的位置、大小及排列方式进行灵活调节,最终布局效果如下图所示。

14、 预览交互效果
15、 点击“另存为”按钮,将当前分析保存为“WidgetDemo”。当在文本控件和时间控件中切换不同取值时,图表统计区域将即时响应并更新数据。如图所示,在FineBI“我创建的”分析列表中,将新增一个名为“WidgetDemo”的分析项,完整展现控件驱动的动态交互能力。











