FlyFish是云智开源的数据可视化编排平台。通过配置数据模型为用户提供上百种可视化图形组件，零编码实现满足业务需求的炫酷可视化大屏。需要注意的是，本教程仅适用于云智开源数据可视化平台FlyFish。如果您喜欢我们的项目，请点击下方代码仓库地址，在GitHub/Gitee仓库上点一个Star。FlyFish简介FlyFish是云智自主设计研发的低门槛、高扩展性的低代码应用开发平台，为数据可视化开发场景提供高效的一站式解决方案。飞鱼提供了丰富的组件库和应用模板，可以通过拖拽的方式完成数据可视化开发，零开发背景的用户也可以完成数据可视化开发。同时，飞鱼还提供了灵活的扩展能力，支持组件化开发、自定义功能、全局事件配置，能够保障复杂需求场景的高效开发和交付。推荐使用飞鱼。使用方法一：在线Demo环境体验使用方法三：Gitee本地下载部署使用方法二：GitHub本地下载部署使用组件组成目录组成开源数据可视化平台FlyFish目录组成如下图所示:目录分析build/webpack.config.dev.js分析：该文件主要用于开发阶段的webpack配置。build/webpack.config.production.js分析：该文件主要用于打包阶段（用于自定义打包行为）。package.json分析：每个组件可以安装自己的依赖进行管理。注意：如果使用在线开发，为了避免后面保存代码导致服务打包错误，使用独立依赖时需要点击右上角的安装依赖，安装前置环境中的依赖。资产解析：用于存放各种静态资源。src/Component.js解析：组件代码。src/index.less解析：组件样式。如果组件内部的静态变量enableLoadCssFile为false，样式就会丢失。解决方法是改成true或者换其他样式，比如style-component或者jquerystylehead。src/main.js(entry)分析：组件入口文件。组件注册主要在这个文件中进行。核心代码如下：src/setting.js(entry)组件配置、数据、事件注册入口。在这个文件中，将settings文件夹中的配置、事件和数据注册到大屏组件中。核心代码如下：src/settings/data.js解析：组件Settings开发过程中，用于点击大屏预览后预览数据面板，核心代码如下：src/settings/options.js解析：用于在开发过程中设置点击组件大屏预览后的样式属性面板，核心代码如下：src/settings/event.js解析：用于组件设置可用事件，核心代码如下：options.json解析：用于配置组件的一些几何体和类名。具体实施方式将显示在样式面板中。核心代码如下：FAQ目录下的文件都是必须的吗？除了assets，Component.js、src/settings.js都是必须的文件，尤其是src/main.js、src/setting.js是我们编译组件的主要入口文件。建议您使用标准目录结构。开源福利如果您喜欢我们的项目，请不要忘记点击下方代码仓库地址，在GitHub/Gitee仓库点个Star。我们需要您的鼓励和支持。另外，马上参与FlyFish项目，成为FlyFishContributor，同时还有更多现金等着你。GitHub地址：https://github.com/CloudWise-...Gitee地址：https://gitee.com/CloudWise/f...FlyFish贡献指南：http://bbs.aiops.cloudwise.co...飞鱼模板中心：https://www.cloudwise.ai/flyF...微信搜索xiaoyuerwise或扫描下方二维码，关注【飞鱼】加入AIOps社区飞鱼开发者交流群，交流面对面-与FlyFish项目PMC面对面交流。
