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

2022-09-07 394

在上篇文章中，我们主要讲解了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 面对面交流。

微信关注我们

原文链接：https://my.oschina.net/yunzhihui/blog/5573950

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

选择 Go 还是 Rust？CloudWeGo-Volo 基于 Rust 语言的探索实践

本文整理自 CloudWeGo 开源一周年技术沙龙活动中字节跳动基础架构服务框架资深研发工程师吴迪的演讲分享，技术沙龙主题为《字节高性能开源微服务框架：CloudWeGo》。本文将从以下三个方面介绍 CloudWeGo 开源的国内首个 Rust RPC 框架 Volo： CloudWeGo 选择 Rust 语言进行探索的原因；创建 RPC 框架 Volo 的原因； Rust 语言和 Go 语言如何选择。 CloudWeGo 选择 Rust 语言进行探索的原因 CloudWeGo 正式官宣新一代 Rust RPC 框架 Volo 开源！很多朋友会有疑问，CloudWeGo 为什么会选择 Rust 这门语言进行探索呢？本文首先介绍一下其中的原因。 Volo 开源官宣：https://mp.weixin.qq.com/s/XcceLyKxWOVtoMIJBuwXWQ Go 的代价深度优化困难 Volo 早期的团队成员来自于 Kitex 项目（CloudWeGo 开源的 Golang 微服务 RPC 框架）。当时我们投入了大量的时间和精力优化 Kitex 以及其他相关基础库的性能，最终却...

2022-09-07

421

我们上面使用swarm部署服务，单个服务还好，如果很多个服务怎么来解决呢，这里就用到了Docker Stack管理服务。在上面我们学会了如何配置一个swarm集群，并且知道如何在swarm集群上部署应用，现在，我们开始了解Docker层级关系中的最高一个层级——stack。一个stack就是一组有关联的服务的组合，可以编排在一起，一起管理。单机模式下，我们可以使用 Docker-Compose来编排多个服务，而 Docker Swarm 只能实现对单个服务的简单部署。于是就引出了本文的主角 Docker Stack ，通过 Docker Stack 我们只需对已有的 docker-compose.yml 配置文件稍加改造就可以完成 Docker 集群环境下的多服务编排。集群搭建案例应用部署情况服务名称数量 mysql 1 nacos 1 learn-docker-gateway 1 learn-docker-web 2 learn-docker-storage 2 创建docker-compose.yml 首先创建一个 docker-compose.yml 文件，使...

2022-09-07

420

资源下载

更多资源

腾讯云软件源

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

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

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

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。