FlyFishComponents
FlyFishComponents copied to clipboard
CloudWise-OpenSource
飞鱼(FlyFish)组件及模板库
FlyFish是云智慧开源、社区驱动的数据可视化编排项目，我们欢迎来自社区的各种贡献，目前我们已经启动了FlyFish组件贡献者计划，您所开发的组件将帮助更多使用FlyFish的开发者，我们将定期邀请已贡献的Contributor成为FlyFish的核心开发者，FlyFish下一个版本有什么功能将由你来决定 为了更好激励开发者贡献FlyFish组件，我们推出了**现金激励计划**，完成相关组件开发，除了FlyFish贡献者证书及周边礼物外，还会有一笔现金奖励。虽然金额不多，但是我们希望可以更好的帮您融入FlyFish开发者社区，与我们一起打造最好用的数据可视化编排平台 ### 注意，现金激励的任务范围只限于本页面下方任务列表中的组件开发任务，每个任务已被打上cash标签，其他issue中的组件开发任务没有现金奖励，但您依然会得到社区颁发的贡献者证书及社区周边礼品一份 ### 活动流程 - 在相关任务issue中回复我要领取该任务 - 管理员将任务分配给您 - 根据issue中描述的任务要求开发组件 - 将组件代码以PR方式提交到FlyFishComponments代码库中 - PR被merge后，**添加小助手微信xiaoyuerwise，备注飞鱼组件贡献者**，或发送邮件至[email protected] - 领取贡献者证书与奖金 ### 贡献指南 在您开始开发组件前，请一定要阅读[Readme](https://github.com/CloudWise-OpenSource/FlyFishComponents/blob/main/README.md)文档，以便您更方便的开发FlyFish的组件，在您提交PR时，请同时将 PR 链接到相应的 issue。 ### 激励金额 我们将任务分为了Easy、Normal、Hard三个等级，不同级别的任务对应不同的金额，详情如下所示 Easy：500元 Normal：800元 Hard：1500元...
操作系统：win10 压缩软件：7-zip 版本19.00 和winrar 版本4.01 使用以上压缩软件在win10操作系统下压缩的FlyFishComponents组件源码上传提示源码格式错误。 使用linux操作系统命令：zip -q -r 基础仪表盘.zip 基础仪表盘，压缩上传正常。     
通过使用[FlyFish线上Demo环境](https://flyfish-demo.opscloudwise.com:23368/#/login)开发任意组件
【已分配】词云
**效果描述：** 1. 词云可显示不同的形状； 2. 可显示每项的提示框且可调整显示位置； 3. 可自适应不同分辨率； 4. 文字可配置不同的角度显示； **配置描述：** 1. 提示框是否显示； 2. 提示框显示位置； 3. 提示框边框类型； 4. 提示框边框宽度； 5. 提示框背景颜色； 6. 提示框是否只显示在图表区域； 7. 网格线显示隐藏； 8. 图表区域大小； 9. 图表区背景颜色； 10. 词云字体大小范围；...
自旋转球体
 **期望效果：** 1. 支持自动旋转 2. 支持根据数据改变状态 3. 支持鼠标拖拽 4. 支持鼠标经过某个框之后显示小气泡 **期望配置：** 1. 球体基础文本配置 1. 文本 - 文本宽度 - 文本高度 - 背景色 - 内边距 - 外边距 2. 字体 - 是否显示 -...
3D可视化地球
 **期望效果：** 1. 线条颜色可变（支持光线跑动） 2. 球体可以自动旋转（支持鼠标拖拽） 3. 输入经纬度可自定从起点连接到结束点。（自动连接线） 4. 鼠标经过可以显示不同国家的地理位置信息（把国家的领土变色） 5. 可以根据数据状态实时变更线条颜色以及领土颜色。 **期望配置：** 1. 基础文本配置 1. 文本 - 文本宽度 - 文本高度 - 背景色 - 内边距 - 外边距 2. 字体 -...
 1. 效果图：如上 2. 效果描述：可配置最大高度，以及上宽、下宽，以各层高度值展示当前容量百分比，有类似tooltip弹出框展示详细数据，内容支持"\n"换行，具体见效果图（每层字体这里未显示） 3. 配置描述： 1）上宽、下宽、最大高度支持自定义； 2）各层展示文字排布方式、字体样式、字体颜色、字体大小、字体字重支持自定义，文字格式可根据返回数据自定义配置； 3）类tooltip展示框背景、宽度、高度、字体样式、字体颜色、字体大小、字体字重支持自定义； 4）各层颜色支持使用rgba格式自定义，高亮颜色支持自定义； 5）背景图片支持自定义（换成水杯？）； 6）模块定位相对父DOM位置支持配置调整top、left； 7）层边界粗细、颜色可自定义，层之间支持设置过渡色，可自定义过渡带高，为0则没有； 8）加分项：更好的话支持传入clip-path自定义整体图形样式； 4. 数据格式描述： {"percent":0.88,"data":[[{"name":"江水","percent":0.10,"content":"水质较差，味道不好，不宜食用"},{"name":"海水","percent":0.70,"content":"水质较好，味道太咸，不宜食用"},{"name":"井水","percent":0.20,"content":"水质不错，味道可以，适宜食用"}]}
 1. 效果图：如上 2. 效果描述：表盘根据返回数据百分比动态展示指针方位，数据刷新时需要支持增量或减量转动指针，中央数字动态增加或减少，具体见效果图 3. 配置描述： 1）表盘最高值可根据返回数据动态变化； 2）数据更新时指针转动速度可自定义，支持自定义指针背景图片； 3）单位文字、字体样式、字体颜色、字体大小、字体字重支持自定义； 4）中央数字字体样式、字体颜色、字体大小、字体字重支持自定义，且能配置最大能展示多少位； 4. 数据格式描述： {"dataMax":200,"data":180}