右侧工具栏使用
在画布的右侧悬浮的工具栏中,有项目过滤器、全局滤镜、回调管理、动态面板、引用面板5项功能,便于对于可视化应用进行相关操作。
项目过滤器
组件配置数据后,使用过滤器可获取指定数据。点击项目过滤器,可查看当前大屏下所有组件新建的过滤器。
支持对过滤器进行重命名、添加、修改及删除操作。
全局滤镜
单击画布右侧工具栏中的全局滤镜,在编辑页右侧弹出全局滤镜栏,点击“开启状态”,即可对整个可视化应用添加全局滤镜,可从色相、饱和度、明度、对比度、不透明度、灰度6个纬度进行整体的视觉色调调整。
回调管理
在一个实际大屏项目中,存在大量交互事件,如点击Tab切换图表维度,点击地图联动图表查看不同省份的数据,终端交互点击菜单控制项目大屏等。这些交互事件通过配置组件的回调参数,来达到预期效果。
通过回调管理功能,快速定位和管理大屏中发出与接收的回调参数的组件。点击回调功能,右侧出现全局回调参数管理工具栏。可查看发出参数的原组件、回到参数及接受回调的目标组件,点击进行选择。
当目标组件为空时,说明无目标进行接受回调参数,回调功能不生效。
回调详细使用方法请您参考👇文档:
动态面板
当组件或页面间需要进行复杂的交互配置时,如组件切换、页面轮播等效果,可用动态面板来实现。
单击画布右侧工具栏中的动态面板,即可创建动态面板。鼠标或图层中选中动态面板,出现动态面板配置栏。
动态面板有以下几类配置项(与常规组件配置项类似):
位置、尺寸:可自定义动态面板的位置与尺寸
默认隐藏:如需要外部触发显示,可勾选默认状态下隐藏该动态面板
启用滚动:动态内容的高度或宽度不确定时,可勾选启动滚动
自动轮播:勾选后可实现面板内不同状态的自动轮播切换,可自定义轮播动画效果和轮播更新间隔时间
双击动态面板或点击配置项中的“编辑动态面板”,即可进入动态面板编辑页面。
动态面板的编辑页与项目编辑页基本相同。在页面的左上方增加了“状态栏” ,在状态栏中可对动态面板中每个自页面进行添加、复制、删除、重命名、拖动调整顺序等操作。在右侧的“页面设置”可对各个状态进行页面设置,调整背景色或启用背景图,无需预加载的状态可选择关闭初始化加载减轻硬件压力。
注意:在动态面板各子页面中添加、调整配置组件的操作与项目编辑页中相同,数据联动、回调等功能也同样适用。
动态面板详细使用方法请您参考👇文档:
引用面板
引用面板可理解为iframe的变形。iframe嵌套外部url,展示跳转后的页面;引用面板支持嵌到多个EasyV平台内部大屏,在当前大屏展示。
如我们在项目中已创建4张大屏,可以通过引用面板,添加多张大屏引用,并结合tab切换页快速搭建可视化应用。同时通过双击引用面板,可直接进入当前引用大屏的编辑页。
引用面板跟动态面板实现的效果一样,但动态面板为在一个组件内创建多个大屏,通过状态进行切换大屏;而引用面板为一个组件引用项目的其他大屏进行展示,优点在于扩展性强,方便维护,编辑路径短。