[发明专利]基于web网页的在线设计数据可视化大屏方法

说明书

本发明涉及一种基于web网页的在线设计数据可视化大屏方法，开发人员开发供用户使用的素材库，所述素材库包括组件库、可视化页面模板库。用户创建可视化页面，设计出自己想要的大屏效果。用户从素材库中选择相应的组件，添加到可视化页面中并进行相应的显示。由此，相同组件仅需要开发一次，用户可无限次使用，减少了重复性工作，降低了开发成本。实施期间对页面调节较为灵活，用户可以随意设计出自己需要的可视化大屏页面。提供可视化页面模板库，可以快速开发可视化大屏页面。能够实时在线预览，保证了设计效果与预览效果的高度统一。

技术领域

本发明涉及一种在线设计数据可视化大屏方法，尤其涉及一种基于web网页的在线设计数据可视化大屏方法。

背景技术

就现有的网页设计来看，用户希望可以通过可视化大屏的方式，对数据以视觉形式进行呈现，达到酷炫的展示效果。但目前市面上实现数据可视化大屏的方法往往是通过专业开发人士进行开发，有着沟通成本高、开发周期长、变动修改难的问题。同时，在现有的网页设计来看，其耗时较长，重复构建的组件较多，极大的浪费了开发成本和变更成本。

有鉴于上述的缺陷，本设计人，积极加以研究创新，以期创设一种基于web网页的在线设计数据可视化大屏方法，使其更具有产业上的利用价值。

发明内容

为解决上述技术问题，本发明的目的是提供一种基于web网页的在线设计数据可视化大屏方法。

本发明的基于web网页的在线设计数据可视化大屏方法，其包括以下步骤：步骤一，开发人员开发供用户使用的素材库，所述素材库包括组件库、可视化页面模板库；步骤二，用户创建可视化页面，设计出自己想要的大屏效果；步骤三，用户从素材库中选择相应的组件，添加到可视化页面中并进行相应的显示。

进一步地，上述的基于web网页的在线设计数据可视化大屏方法，其中，所述组件库包括折线图组件、轮播图组件、文本组件中的一种或是多种结合，所述折线图组件、轮播图组件、文本组件均包含有自身的属性信息。

更进一步地，上述的基于web网页的在线设计数据可视化大屏方法，其中，所述自身的属性信息，包括组件的大小信息、文字的颜色信息、文字的大小信息、背景颜色信息、布局规格信息、图表类型信息中的一种或是多种。

更进一步地，上述的基于web网页的在线设计数据可视化大屏方法，其中，所述步骤二中，用户创建空白页面；或是，用户选择可视化模板进行创建，用户对包含可视化大屏的大小、背景颜色信息进行配置，设计出符合自己需求的大屏效果。

更进一步地，上述的基于web网页的在线设计数据可视化大屏方法，其中，所述步骤二中，用户选择可视化模板，在新页面中包含可视化页面模板中的页面配置信息，所述页面配置信息包括背景颜色、布局类型、图表类型等、页面的宽高、该页面含有哪种组件，组件的位置信息、组件的属性信息中的一种或是多种。

更进一步地，上述的基于web网页的在线设计数据可视化大屏方法，其中，所述步骤三中，用户从组件库中选择相应的组件，给组件进行属性配置，所述属性配置包括组件的位置、组件的大小、文字的颜色、文字的大小。

更进一步地，上述的基于web网页的在线设计数据可视化大屏方法，其中，所述步骤三中，给组件进行数据来源的绑定，当前页面中的组件显示效果就是用户的数据以可视化的方式展示在页面上的效果。

更进一步地，上述的基于web网页的在线设计数据可视化大屏方法，其中，用户实时在线预览可视化页面，对页面进行发布，发布之后的页面，其他用户能看到相同的可视化大屏效果。

再进一步地，上述的基于web网页的在线设计数据可视化大屏方法，其中，用户通过web方式发布页面，其他用户就以通过网址进行访问。

借由上述方案，本发明至少具有以下优点：