首页 文章 精选 留言 我的

精选列表

搜索[可视化工具],共10011篇文章
优秀的个人博客,低调大师

数据可视化系列教程之组件通信

在上篇文章中,我们主要讲解了FlyFish React组件使用技巧,作为本系列的最后一篇文章,这次我们再来看看组件通信,组件通信(联动)主要是通过一套事件配置来完成。组件中的事件在运行过程中会在特定时机被trigger。 static events FlyFish提供了一个events的常量,用于组件订阅一些事件来监听组件内部的事件。比如点击事件、屏幕缩放以及生命周期等。 this.bind|once|unbind 在必要的的时候可以给组件绑定事件来实现功能扩展,组件类Component继承了支撑事件机制的基类Event。 bind(eventName, handler): 绑定事件。 unbind(eventName, handler?): 解绑事件, 若不传 handler 则默认全部解绑。 once(eventName, handler): 绑定仅触发一次事件。 组件联动 组件添加和接收事件:ListenEvent EmitEvent 创建大屏并添加事件 进入大屏编辑页面 右侧选择 事件 Tab 事件源选择trigger事件的组件(即EmitEvent) 事件类型选择自定义: 内容填写为当前trigger名称 操作选择调用组件方法并选择bind事件组件(即ListenEvent) 事件动作选择tigger 事件类型选择自定义: 内容填写为当前trigger名称 组件DOM事件 Click Dbclick Mousedown Mouseup Mousemove Mouseout Mouseenter 组件内部事件 事件名 触发时刻 携带参数 说明 mounted 挂载完成 unMount 挂载完成 render 渲染选项完成 update 更新选项完成 要更新的选项 refresh 刷新选项完成 optionsChange 选项被改变 改变后的全部选项 可以作为选项的 filter 使用。 draw 绘制数据完成 绘制的数据 redraw 重绘数据完成 normalize 获取标准化数据 标准化后的数据 可以作为标准化数据的 filter 使用 dataChange 数据被改变 改变后的数据 可以作为数据的 filter 使用。 load 开始加载数据源数据 loaded 数据源数据加载完成 数据源数据 开源福利 如果喜欢我们的项目,请不要忘记点击下方代码仓库地址,在 GitHub / Gitee 仓库上点个 Star,我们需要您的鼓励与支持。此外,即刻参与 FlyFish 项目贡献成为 FlyFish Contributor 的同时更有万元现金等你来拿。 GitHub 地址: https://github.com/CloudWise-OpenSource/FlyFish Gitee 地址: https://gitee.com/CloudWise/fly-fish FlyFish 贡献指南: http://bbs.aiops.cloudwise.com/d/717-flyfish FlyFish 模版中心: https://www.cloudwise.ai/flyFishComponents.html 微信搜索 xiaoyuerwise 或扫描识别下方二维码,备注【飞鱼】加入 AIOps 社区飞鱼开发者交流群,与 FlyFish 项目 PMC 面对面交流。

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

用户登录
用户注册