一种数据可视化装置和方法制造方法及图纸

本发明专利技术涉及一种数据可视化装置和方法，包括：数据管理模块，用户通过数据管理模块，选择需要显示的数据；图表类库，包括图表开发器，其根据需要显示的数据选择图表类型；图表开发模块，对选定的图表类型进行可视化图表开发，将每张可视化图表对应生成子HTML页面，并通过Iframe标记，将HTML页面嵌入到另一个需进行数据显示的HTML页面中。由于使用了本发明专利技术中数据可视化系统和方法进行图表开发，开发人员可以直接通过配置的方式开发可视化图表，无需进行复杂的编码开发工作，提升了开发效率，降低了数据可视化的开发门槛。

【技术实现步骤摘要】
一种数据可视化装置和方法
本专利技术是关于一种数据可视化装置和方法，属于数据处理

技术介绍
数据可视化是指将大型数据集中的数据以图形图像形式显示。数据可视化已经成为数据科学领域非常重要的一部分。不同网络系统中产生的数据，都需要经过适当的可视化处理，以便用户读取和分析。对任何一个企业或组织来说，如果能够充分的获取数据、可视化数据和分析数据，那么就能很大程度上帮助企业或组织了解数据产生的深层次原因，以便据此做出正确的决定。通常，这些可视化的图表数据，会通过网站HTML页面显示给用户。在对可视化图表进行开发时，通过图表库，开发者可以实现将数据转化为易于理解的图表显示给网站HTML页面浏览者，JavaScript中图表库也会使前端HTML页面的数据可视化变得更加容易。在现有的技术方案中，通常采用Echart、Chart.js等插件对图表进行可视化显示。但这两种插件对于普通使用者来说，只提供了方法类库，需要专业的程序开发人员进行编码开发，使用门槛高且开发周期时间长。
技术实现思路
针对上述现有技术的不足，本专利技术的目的是提供了一种数据可视化装置和方法，其改变了可视化开发过程中需要编码的情况，降低用户使用的门槛，从而能快速、便捷的进行数据可视化开发。为实现上述目的，本专利技术提供了一种数据可视化装置，包括：数据管理模块，用户通过数据管理模块，选择需要显示的数据；图表类库，包括图表开发器，图表开发器根据需要显示的数据选择图表类型；图表开发模块，对选定的图表类型进行可视化图表开发，将每张可视化图表对应生成子HTML页面，并通过Iframe标记，将HTML页面嵌入到另一个需进行数据显示的HTML页面中。进一步，数据管理模块包括数据管理器和多种数据库，数据管理器用于根据用户需要从数据库调取需要显示的数据；数据库用于对需要显示的数据进行存储、分类和管理。进一步，数据库具体类型包括：Oracle、MySQL和SQLServer。进一步，图表类库通过用户选择确定图表类型；或图表类库根据数据类型自动选择图表类型。进一步，图表类型包括柱状图、函数图、条形图、饼图、散点图、气泡图、箱图、折线图、雷达图、漏斗图、和弦图和概率分布图。进一步，图表开发模块包括：图表开发器、图表存储器和Iframe访问接口，图表开发器根据需要显示的数据和选定的图像类型生成与数据对应的图表；图表存储器存储图表开发器生成的图表，并将图表进行Iframe标记；图表通过Iframe访问接口直接将嵌入需进行数据显示的HTML页面中。进一步，还包括用户终端模块，用于接收用户指令，并将需进行数据显示的HTML页面嵌入到Web浏览器显示。本专利技术还公开了一种数据可视化方法，包括以下步骤：S1：登陆上述任一项的数据可视化装置；S2：使用数据管理器，选择可视化图表需要显示的数据，使用图表类库，选择需要显示的图表的类型，使用图表开发器进行可视化图表开发；S3：图表开发器将开发好的图表存储到图表存储器中，并将图表进行Iframe标记；S4：用户通过Iframe访问接口，发送显示图表请求，Iframe访问接口查询图表存储器中的相应图表，返回给Iframe访问接口；S5：Iframe访问接口得到图表后，通过用户终端模块进行显示。本专利技术由于采取以上技术方案，其具有以下优点：由于使用了本专利技术中数据可视化系统和方法进行图表开发，开发人员可以直接通过配置的方式开发可视化图表，无需进行复杂的编码开发工作，提升了开发效率，降低了数据可视化的开发门槛。附图说明图1是本专利技术一实施例中数据可视化装置的结构示意图；图2是本专利技术一实施例中数据可视化方法的逻辑示意图。具体实施方式为了使本领域技术人员更好的理解本专利技术的技术方向，通过具体实施例对本专利技术进行详细的描绘。然而应当理解，具体实施方式的提供仅为了更好地理解本专利技术，它们不应该理解成对本专利技术的限制。在本专利技术的描述中，需要理解的是，所用到的术语仅仅是用于描述的目的，而不能理解为指示或暗示相对重要性。实施例一本实施例提供了一种数据可视化装置，如图1所示，包括：数据管理模块，用户通过数据管理器，选择需要显示的数据；图表类库，图表开发器根据需要显示的数据选择图表类型；图表开发模块，对选定的图表类型进行可视化图表开发，将每张可视化图表对应生成子HTML页面，并通过Iframe标记，将HTML页面嵌入到另一个需进行数据显示的HTML页面中。本实施例中装置改变了可视化开发过程中需要编码的情况，降低用户使用的门槛，从而能快速、便捷的进行数据可视化开发其中，数据管理模块包括数据管理器和多种数据库，数据管理器用于根据用户需要从数据库调取需要显示的数据；数据库用于对需要显示的数据进行存储、分类和管理。数据库具体类型包括：Oracle、MySQL和SQLServer。图表类库通过用户选择确定图表类型，例如图表类库中所有图表类型设置于表格中，用户根据自己的喜好选择图表类型。此外图表类库也可以根据数据类型、性质自动选择图表类型。例如对于数据类别少，但是数据点很多的数据就可以采用函数图、折线图等图表类型。对于数据类别多，但数据点少的可以采用柱状图、条形图和饼图等。也可以将两种图表选择方式相结合，先根据数据类型、性质确定几种比较适合的图表类型，将这几种图表类型推送至用户界面，再由用户在这几种比较适合额图表类型中选出一个图表类型作为最终的图表类型。图表类型包括柱状图、函数图、条形图、饼图、散点图、气泡图、箱图、折线图、雷达图、漏斗图、和弦图和概率分布图等。此处列举的图表类型只是比较常用的图表类型，用户也可以根据需要自行设计图表类型，并将其保存至图表类库。图表开发模块包括：图表开发器、图表存储器和Iframe访问接口，图表开发器根据需要显示的数据和选定的图像类型生成与数据对应的图表；图表存储器存储图表开发器生成的图表，并将图表进行Iframe标记；图表通过Iframe访问接口直接将嵌入需进行数据显示的HTML页面中。Iframe标记为HTML文件中的一个标签，通过该标签，Iframe会创建包含另外一个HTML的文档，具体过程为：在用户使用图表开发器开发好图表之后，系统将开发好的图表存储为一个HTML文件，在图表存储器中进行存储，该HTML文件又会通过Iframe的方式，对外形成一个接口，将该图表暴露给用户，用户只需要通过Web浏览器进行访问即可。本实施例中数据可视化装置还包括用户终端模块，主要用于进行人机交互和数据显示。用户终端模块用于接收用户指令。用户指令包括数据显示指令、图表显示指令等，用户终端模块将图表开发模块获得的需要进行数据显示的HTML页面嵌入到Web浏览器显示，HTML页面的位置由用户使用URI(统一资源标示符)指定。浏览器解释并显示HTML文件的方式是在HTML和CSS规范中指定的。这些规范由网络标准化组织W3C(万维网联盟)进行维护。实施例二本实施例公开了一种数据可视本文档来自技高网...

【技术保护点】
1.一种数据可视化装置，其特征在于，包括：/n数据管理模块，用户通过所述数据管理模块，选择需要显示的数据；/n图表类库，包括图表开发器，所述图表开发器根据所述需要显示的数据选择图表类型；/n图表开发模块，对选定的所述图表类型进行可视化图表开发，将每张所述可视化图表对应生成子HTML页面，并通过Iframe标记，将所述HTML页面嵌入到另一个需进行数据显示的HTML页面中进行显示。/n

【技术特征摘要】
1.一种数据可视化装置，其特征在于，包括：
数据管理模块，用户通过所述数据管理模块，选择需要显示的数据；
图表类库，包括图表开发器，所述图表开发器根据所述需要显示的数据选择图表类型；
图表开发模块，对选定的所述图表类型进行可视化图表开发，将每张所述可视化图表对应生成子HTML页面，并通过Iframe标记，将所述HTML页面嵌入到另一个需进行数据显示的HTML页面中进行显示。


2.如权利要求1所述的数据可视化装置，其特征在于，所述数据管理模块包括数据管理器和多种数据库，所述数据管理器用于根据用户需要从所述数据库调取需要显示的数据；所述数据库用于对所述需要显示的数据进行存储、分类和管理。


3.如权利要求2所述的数据可视化装置，其特征在于，所述数据库具体类型包括：Oracle、MySQL和SQLServer。


4.如权利要求1-3任一项所述的数据可视化装置，其特征在于，所述图表类库通过用户选择确定图表类型；或所述图表类库根据数据类型自动选择图表类型。


5.如权利要求4所述的数据可视化装置，其特征在于，所述图表类型包括柱状图、函数图、条形图、饼图、散点图、气泡图、箱图、折线图、雷达图、漏斗图、和弦图和概率分布图。

【专利技术属性】
技术研发人员：王成，
申请(专利权)人：北京东方金信科技有限公司，
类型：发明
国别省市：北京;11