智慧运营管理中心数据可视化设计展示的方法

技术领域

本发明涉及数据可视化领域，特别涉及一种智慧运营管理中心数据可视化设计展示的方法。

背景技术

随着我国城市智慧化进程的不断推进，智慧运营管理中心（Intelligentoperation center）展示的需求也逐渐增大。不同的应用场景和多种类型的数据源需求，导致数据可视化通常采用唯一的设计，无法进行复用。各行业产生的海量数据需要结合多场景展示，针对项目的唯一设计已无法满足产品化现状。自动化设计组件的快速搭建可应对不同场景需求，依据多种数据源进行数据可视化展示，解决多行业多项目的数据可视化问题。

发明内容

根据本发明实施例，提供了一种智慧运营管理中心数据可视化设计展示的方法，包含以下步骤：

根据数据需要配制相应的可视化组件；

拖拽相应的可视化组件至设计画布中；

调整画布中的可视化组件的数据参数；

通过数据可视化编辑预览并生成数据可视化页面。

进一步，根据数据需要配制相应的可视化组件包含：

根据行业和态势主题，选择相应的页面布局；

根据态势主题，选择相应的态势组件；

根据不同数据类型，选择相应的原子组件。

进一步，态势组件包含：综合态势、安防态势、消防态势、疫情态势、能耗态势、环境态势、设备态势、人员态势、车辆态势、资产态势、照明态势、会议室态势、工位态势、电梯态势、空间态势、区域规划。

进一步，原子组件包含：图表组件、地图组件、文字组件、交互组件、关系网络组件、素材组件、动效组件。

进一步，图表组件包含：

图表类型：柱形图、面积图、折线图、曲线图、饼图、环状图、雷达图、仪表盘、散点图、阶梯图、堆叠图、气泡图、直方图、密度图；

图表颜色：主题色、默认色、辅助色、点晴色；

图表数据：标题、提示框、图例、横坐标，纵坐标；

绑定事件：跳转、悬浮、触发。

进一步，拖拽相应的可视化组件至设计画布中具体为：任意选择不同尺寸的设计画布，将相应的页面布局、态势组件和原子组件拖拽到设计画布内任意位置，生成图表集合，选择图表集合任意一块，可进行图表自定义适配或增加、删除、修改。

进一步，调整数据参数包含：

调整设计画布中的整体页面布局，选择合适的动效组件；

根据数据源修改可视化组件的数据。

进一步，可视化编辑包含：组件查询模块、组件配置模块、组件保存模块、发布预览模块。

进一步，可视化页面的输出包含：PC、平板、智能手机、电视及触摸式显示屏。

根据本发明实施例的智慧运营管理中心数据可视化设计展示的方法，快速搭建数据可视化预览，增加复用性和易用性，在提高数据可视化展示效率的同时节省人力资源成本；为数据可视化项目开发流程中业务人员、需求人员、开发人员提供图形可视化的操作界面，简化开发流程、降低技术开发难度，减少重复沟通，提高项目交付效率；为智慧城市、智慧园区、智慧建筑提供了一种数据化设计展示方法，实现组件化，高效地交付项目。

要理解的是，前面的一般描述和下面的详细描述两者都是示例性的，并 且意图在于提供要求保护的技术的进一步说明。

附图说明

图1为根据本发明实施例智慧运营管理中心数据可视化设计展示的方法的流程图。

图2为根据本发明实施例智慧运营管理中心数据可视化设计展示的方法的根据需求配制可视化组件流程图。

图3为根据本发明实施例智慧运营管理中心数据可视化设计展示的方法的根据需求配制可视化组件流程图。

具体实施方式

以下将结合附图，详细描述本发明的优选实施例，对本发明做进一步阐述。

首先，将结合图1描述根据本发明实施例的智慧运营管理中心数据可视化设计展示的方法，用于智慧运营管理中心的智能运营中心（IOC）大屏，其应用场景非常广泛。

如图1所示，本发明实施例的智慧运营管理中心数据可视化设计展示的方法，包含以下步骤：

S1：如图1所示，根据数据需要配制相应的可视化组件。

此设计展示方法包括数据可视化编辑和可视化组件库。可视化编辑用于具体项目数据可视化预览，可视化组件包括页面布局、态势组件库和原子组件库三个部分。

S101：如图2所示，根据行业和态势主题，选择相应的页面布局。

根据行业和态势主题选择适合的页面布局类型。页面布局有多种排版方式，根据不同行业和数据需求选择适合的页面布局。

S102：如图2所示，根据态势主题，选择相应的态势组件。

态势主题是指专业的多种态势模板，根据大屏应用场景的不同，结合业务领域分析模型，提供具有业务属性的专业的可视化大屏态势模板，不依赖开发人员及数据分析师也可以预览。

态势组件包含：综合态势、安防态势、消防态势、疫情态势、能耗态势、环境态势、设备态势、人员态势、车辆态势、资产态势、照明态势、会议室态势、工位态势、电梯态势、空间态势、区域规划。

S103：如图2所示，根据不同数据类型，选择相应的原子组件。

原子组件是可视化组件中重要组成部分。所述原子组件包含丰富的可视化图表组件、专业的文字、地图组件嵌套模板，适配多种类型数据、多分辨率大屏，并且包含多个可视化交互方式和动效预览，所述可视化组件可采用拖拽式自定义编排方式，实现各类智慧运营管理中心交互式数据看板、数据大屏以及多元化的数据可视化页面设计。

丰富的可视化图表，所述丰富的可视化图表用于提供面向不同业务及不同场景展示需求的可视化图表，包含常规图表和异形图表，内置多种配色方案和可视化设置，帮助业主简单、快速的实现数据可视化及多场景数据展示需求。

原子组件包含：图表组件、地图组件、文字组件、交互组件、关系网络组件、素材组件、动效组件。

图表组件包含：

图表类型：柱形图、面积图、折线图、曲线图、饼图、环状图、雷达图、仪表盘、散点图、阶梯图、堆叠图、气泡图、直方图、密度图；

图表颜色：主题色、默认色、辅助色、点晴色；

图表数据：标题、提示框、图例、横坐标，纵坐标；

绑定事件：跳转、悬浮、触发。

S2：如图1所示，拖拽相应的可视化组件至设计画布中。

拖拽相应的可视化组件至设计画布中具体为：任意选择不同尺寸的设计画布，将相应的页面布局、态势组件和原子组件拖拽到设计画布内任意位置，生成图表集合，选择图表集合任意一块，可进行图表自定义适配或增加、删除、修改。也可进行态势自定义配置，进行数据重组。

S3：如图1所示，调整所述画布中的所述可视化组件的数据参数。

S301：如图2所示，调整设计画布中的整体页面布局，选择合适的动效组件。

根据设计画布中所有组件调整整体布局，选择适合的动效组件。根据画布中不同的数据内容调整适合当前页面的整体布局，可进行拉伸或改变尺寸，再选择细腻或者酷炫的动效组件。

所有组件均采用flex布局，等比例伸缩实现动态布局。设定每个原子组件是否固定尺寸和靠边固定。采用亲密性、对齐、对比的设计原则，适配布局到最优。

S302：如图3所示，根据数据源修改可视化组件的数据。

根据数据源修改数据，可直接在可视化组件上修改数据。

S4：如图1所示，通过数据可视化编辑预览并生成数据可视化页面。

可视化编辑包含：组件查询模块、组件配置模块、组件保存模块、发布预览模块。可视化页面的输出包含：PC、平板、智能手机、电视及触摸式显示屏。

以上，参照图…描述了根据本发明实施例的智慧运营管理中心数据可视化设计展示的方法，快速搭建数据可视化预览，增加复用性和易用性，在提高数据可视化展示效率的同时节省人力资源成本；为数据可视化项目开发流程中业务人员、需求人员、开发人员提供图形可视化的操作界面，简化开发流程、降低技术开发难度，减少重复沟通，提高项目交付效率；为智慧城市、智慧园区、智慧建筑提供了一种数据化设计展示方法，实现组件化，高效地交付项目。

需要说明的是，在本说明书中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包含……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

尽管本发明的内容已经通过上述优选实施例作了详细介绍，但应当认识到上述的描述不应被认为是对本发明的限制。在本领域技术人员阅读了上述内容后，对于本发明的多种修改和替代都将是显而易见的。因此，本发明的保护范围应由所附的权利要求来限定。