蓝盟IT小贴士，来喽！
快速理解数据可视化
如何设计通用的大型屏幕构建引擎
大屏幕构建引擎核心功能的实现
拖动器的实现
物料中心设计
动态渲染器的实现
面板设计设定
控制中心概述
功能辅助设计
可视化大屏幕的后期计划和未来展望
大家可以很容易地根据右侧的文章进行导航，迅速定位到自己想看的位置，接下来进入正文。
快速理解数据可视化
要说数据可视化，你可能接触过一点，但从技术层面来说，最直观的是前端可视化框架，比如：
电子货币
电视
中国铁路公司
日本铁路公司
Vega
这些库可以方便地制作可视化图表。
从实用性的角度来说，其最重要的意义是帮助用户更好地分析和表达数据。 因此，关于数据可视化，与各种图表的交互较多，比数据-图表的组合大-比可视化页面大，通过这一业务流程，构成了今天讨论的话题的——设计可视化大画面构建引擎。
如何设计通用的大型屏幕构建引擎
“引擎”这个词可能有很大的意义，但实际上在互联网技术中，经常听到“浏览器渲染引擎”、“规则引擎”、“图像识别引擎”等各种相关名词。 我认为“发动机”的本质是为系统提供持续生产力的可靠机制。 所以，我们今天谈到的“将大屏幕可视化构建引擎”，本质上也是提供一系列构建机制来支撑复杂的可视化页面的设计。
当然，在实际应用中大屏幕表现的内容和形式要比这复杂得多，可以从上图中提取大屏幕页面的两个直观特征：
可视化组件集
空间坐标关系
因为我们可视化了大的屏幕载体是页面，是html，所以还有另一个特征：活动/互动。 总结了将大屏幕可视化所需的要素：
大屏幕构建引擎核心功能的实现
俗话说：“好的分解是成功的一半”，无论多么复杂的任务和系统，我们只要能将其分解为许多小的子模块，就能很好地解决和实现它。 (学习也一样)然后，逐一解决上述基本引擎的几个核心子模块：
拖动器的实现
物料中心设计
动态渲染器的实现
面板设计设定
控制中心概述
功能辅助设计
关于拖动器的进一步进展，还可以设定基准线、对齐线、吸附线。 也可以在拖动的不同时期创建不同的业务逻辑，如onDragStart和onDragEnd。 这些Moveable都提供支持的api支持，请参考使用。
物料中心设计
物料中心主要为大屏幕页面提供“原材料”。 要设计坚固通用的材料，必须设计一组标准的组件结构和属性协议。 另外，为了便于物料的管理和查询，需要对物料进行分类。 我的分类是：
可视化组件(条形图、饼图、条形图、地图可视化等)
润饰组件(图像、轮播图形、润饰素材等) ) ) )。
文字类组件(文本、文本走马灯、文字招牌) ) )。
在设计架构之前，必须明确组件的属性分类。 为了满足组件配置的灵活性和通用性，我们进行了以下划分：
外观特性(零部件的宽度、高度、颜色、标签、演示模式等) ) ) ) ) ) ) )。
数据结构(静态数据、动态数据) ) )。
事件/对话(点击、跳转等)

文/上海蓝盟  IT外包专家

• 上一篇: 蓝盟IT外包，元宇宙：四梁八柱是什么
  下一篇: 蓝盟IT外包，数组：非常基础和重要的数据结构

• 分享到：