CN111046306B - 一种浏览器动态展示就业信息分析结果图表的方法 - Google Patents

一种浏览器动态展示就业信息分析结果图表的方法 Download PDF

Info

Publication number
CN111046306B
CN111046306B CN201911389614.2A CN201911389614A CN111046306B CN 111046306 B CN111046306 B CN 111046306B CN 201911389614 A CN201911389614 A CN 201911389614A CN 111046306 B CN111046306 B CN 111046306B
Authority
CN
China
Prior art keywords
data
page
chart
time
browser
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201911389614.2A
Other languages
English (en)
Other versions
CN111046306A (zh
Inventor
张忠宇
惠兴海
王强
汪建伟
杨旺强
付操
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Sichuan Hwadee Information Technology Co ltd
Original Assignee
Sichuan Hwadee Information Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Sichuan Hwadee Information Technology Co ltd filed Critical Sichuan Hwadee Information Technology Co ltd
Priority to CN201911389614.2A priority Critical patent/CN111046306B/zh
Publication of CN111046306A publication Critical patent/CN111046306A/zh
Application granted granted Critical
Publication of CN111046306B publication Critical patent/CN111046306B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/953—Querying, e.g. by the use of web search engines
    • G06F16/9538—Presentation of query results
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/953—Querying, e.g. by the use of web search engines
    • G06F16/9537—Spatial or temporal dependent retrieval, e.g. spatiotemporal queries
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

本发明公开一种浏览器动态展示就业信息分析结果图表的方法，包括步骤进入到展示图形图表的页面，页面获取对应的专业并存储该专业；所加载的页面根据所属专业向服务器端发送异步请求获取数据；根据专业按照日月季度三种时间分类到服务器中查询，获取到三维度数据；将所述三维度数据汇集整合成echarts插件所需数据格式；根据所设定的图表展示形式，向数据封装图表格式。本发明不需要任何的扩展或者支持，适用性能强；能够以动态的形式在浏览器页面中直接展示图表信息，实现就业信息分析结果在页面的动态展示；不会产生大量的冗余图片数据，提高了运行速度。

Description

一种浏览器动态展示就业信息分析结果图表的方法
技术领域
本发明属于图表展示技术领域，特别是涉及一种浏览器动态展示就业信息分析结果图表的方法。
背景技术
在Web项目开发过程中，我们常常会使用到各类图形，如折线图、饼图、柱状图、地图、趋势图等等。一般图表展示的方法有下面几种：(1)使用客户端控件技术，应用微软的一些控件以及一种编程语言java中的一些技术对图形的支持来显示一个图表。这种方式对于客户端要求太高，插件的开发相对麻烦，随着现在主流浏览器放弃对控件的支持后，这种方式只适合一些局域网的应用，而对于因特网的环境就显得不太适合。(2)使用服务器端生成图片，直接在web服务器端生成好图表图片文件后发送给浏览器渲染，但是这样做的话在Web应用时，特别是动态生成图片，会产生大量的冗余图片数据，为服务器和浏览器运行速度带来了巨大的考验。
发明内容
为了解决上述问题，本发明提出了一种浏览器动态展示就业信息分析结果图表的方法，根据服务器返回数据在浏览器端绘制图表实现就业信息分析结果动态图表展示，基于echarts插件使用浏览器的基本技术实现图形化，不需要任何的扩展或者支持，适用性能强；能够以动态的形式在浏览器页面中直接展示图表信息，实现就业信息分析结果在页面的动态展示；不会产生大量的冗余图片数据，提高了运行速度。
为达到上述目的，本发明采用的技术方案是：一种浏览器动态展示就业信息分析结果图表的方法，包括步骤：
进入到展示图形图表的页面，页面获取对应的专业并存储该专业；
所加载的页面根据所属专业向服务器端发送异步请求获取数据；
根据专业按照日月季度三种时间分类到服务器中查询，获取到三维度数据；
将所述三维度数据汇集整合成echarts插件所需数据格式；
根据所设定的图表展示形式，向数据封装图表格式；
利用echarts插件技术将最后处理的数据结果转化为对应的图表。
进一步的是，页面获取对应的专业并存储该专业，每个专业是从服务器端数据库中取出后展示到所要展示图形图表的页面中。
进一步的是，当前端的浏览器加载页面时触发echarts插件动态渲染，向服务器端发送一个异步的请求以获取该专业对应的数据。
进一步的是，根据专业按照日月季度三种时间分类到服务器中查询，获取到三维度数据包括：
根据日的时间段去查询获取数据：首先，根据时间函数获取到当前的日时间并且格式化为日day1；然后，做一个减30的数学计算后等到另一个时间段day2；最后，到数据库中查询day1和day2时间范围内的数据并且返回为日维度数据；
根据月的时间段去查询获取数据：首先，通过时间函数得到当前月的时间格式化为月month1；然后，使用month1减去12得到之前12个月的时间month2；最后，以month2和month1作为开始和结束的参数到数据库中查询得到返回为月维度数据；
根据季度的时间段去查询获取数据：首先，通过时间函数得到当前的季度日期为quarter1；然后，减去4获取到之前4个季度的时间点quarter2；最后，使用quarter1和quaeter2这两个时间点作为一个时间范围使用对应的数据库中查询获取到该专业对应的季度维度数据。
进一步的是，对日维度数据、月维度数据和季度维度数据进行汇总整合后获得三维度数据集，对三维度数据集判断是否为空，若为空则说明没有查询到数据则返回一个空的字符串，页面展示暂无数据；若不为空，则说明有查询到了数据，则将上述的日维度数据、月维度数据和季度维度数据放在一起变为按近30日、近12个月、近4个季度的标准整合成echart需要的数据格式。
进一步的是，所述图表展示形式包括地图图表；根据所设定的图表展示形式，判断是否需要展示成地图图表，如果不展示成地图图表，则将返回的数据格式直接转换成其他图表的数据格式并且返回页面展示；如果需要展示层地图图表，则先拿取预先收集获取到的各种城市的经纬度用来构造城市地图数据，然后根据前述获得的整合数据和该地图数据进行封装，得到拥有地图数据的格式后返回页面展示。
采用本技术方案的有益效果：
本发明根据服务器返回数据在浏览器端绘制图表，基于echarts插件使用浏览器网页的基本技术实现图形化，不需要任何的扩展或者支持。Echarts插件是一个开源可视化库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器，底层依赖一种矢量图形库，提供直观，交互丰富，可高度个性化定制的数据可视化图表。采用echarts这个开源的可视化库，并且根据加载页面根据所属专业向服务器端发送异步请求获取数据；根据专业按照日月季度三种时间分类到服务器中查询，获取到三维度数据；将所述三维度数据汇集整合成echarts插件数据格式传递给前端浏览器页面，便能够快速的以动态的形式在浏览器页面中直接展示图表信息，适用性能强，不会产生大量的冗余图片数据，提高了运行速度。
本发明将服务器数据库中的就业信息按专业划分，根据专业按照日月季度三种时间分类到服务器中查询，获取到三维度数据；通过利用echarts插件将分为按近30天、近12个月和近4个季度的方式动态的展示图表出来。这种动态的形式是之后每一天的图表都会有所变化，因为每一天的数据都不同，这样也会导致每个月和每个季度的数据都会不一样，数据不一样，那么经过echarts和前端浏览器的渲染之后得到的结果图表也会不一样。通过地图的图表展示按照系统配置好的地图坐标以及动态的获取到的数据在地图上面的数据显示点不同展示每一天的分析结果图表。经过这种职业能力大数据分析系统中动态展示分析结果图表方法能够更快更好的在浏览器端展示近30天，近12个月，近4个季度的图表图形动态的展示出来；能够以动态的形式在浏览器页面中直接展示图表信息，实现就业信息分析结果在页面的动态展示。
附图说明
图1为本发明的一种浏览器动态展示就业信息分析结果图表的方法流程示意图；
图2为本发明实施例中三维度数据获取方法的流程示意图；
图3为本发明实施例中图表展示形式方法的流程示意图。
具体实施方式
为了使本发明的目的、技术方案和优点更加清楚，下面结合附图对本发明作进一步阐述。
在本实施例中，参见图1所示，本发明提出了一种浏览器动态展示就业信息分析结果图表的方法，包括步骤：
进入到展示图形图表的页面，页面获取对应的专业并存储该专业；
所加载的页面根据所属专业向服务器端发送异步请求获取数据；
根据专业按照日月季度三种时间分类到服务器中查询，获取到三维度数据；
将所述三维度数据汇集整合成echarts插件所需数据格式；
根据所设定的图表展示形式，向数据封装图表格式；
利用echarts插件技术将最后处理的数据结果转化为对应的图表。
作为上述实施例的优化方案，页面获取对应的专业并存储该专业，每个专业是从服务器端数据库中取出后展示到所要展示图形图表的页面中。
当前端的浏览器加载页面时触发echarts插件动态渲染，向服务器端发送一个异步的请求以获取该专业对应的数据。
作为上述实施例的优化方案，如图2所示，根据专业按照日月季度三种时间分类到服务器中查询，获取到三维度数据包括：
根据日的时间段去查询获取数据：首先，根据时间函数获取到当前的日时间并且格式化为日day1；然后，做一个减30的数学计算后等到另一个时间段day2；最后，到数据库中查询day1和day2时间范围内的数据并且返回为日维度数据；
根据月的时间段去查询获取数据：首先，通过时间函数得到当前月的时间格式化为月month1；然后，使用month1减去12得到之前12个月的时间month2；最后，以month2和month1作为开始和结束的参数到数据库中查询得到返回为月维度数据；
根据季度的时间段去查询获取数据：首先，通过时间函数得到当前的季度日期为quarter1；然后，减去4获取到之前4个季度的时间点quarter2；最后，使用quarter1和quaeter2这两个时间点作为一个时间范围使用对应的数据库中查询获取到该专业对应的季度维度数据。
作为上述实施例的优化方案，如图3所示，对日维度数据、月维度数据和季度维度数据进行汇总整合后获得三维度数据集，对三维度数据集判断是否为空，若为空则说明没有查询到数据则返回一个空的字符串，页面展示暂无数据；若不为空，则说明有查询到了数据，则将上述的日维度数据、月维度数据和季度维度数据放在一起变为按近30日、近12个月、近4个季度的标准整合成echart需要的数据格式。
所述图表展示形式包括地图图表；根据所设定的图表展示形式，判断是否需要展示成地图图表，如果不展示成地图图表，则将返回的数据格式直接转换成其他图表的数据格式并且返回页面展示；如果需要展示层地图图表，则先拿取预先收集获取到的各种城市的经纬度用来构造城市地图数据，然后根据前述获得的整合数据和该地图数据进行封装，得到拥有地图数据的格式后返回页面展示。
以上显示和描述了本发明的基本原理和主要特征和本发明的优点。本行业的技术人员应该了解，本发明不受上述实施例的限制，上述实施例和说明书中描述的只是说明本发明的原理，在不脱离本发明精神和范围的前提下，本发明还会有各种变化和改进，这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。

Claims (5)

1.一种浏览器动态展示就业信息分析结果图表的方法，其特征在于，包括步骤：
进入到展示图形图表的页面，页面获取对应的专业并存储该专业；
所加载的页面根据所属专业向服务器端发送异步请求获取数据；
根据专业按照日月季度三种时间分类到服务器中查询，获取到三维度数据；
将所述三维度数据汇集整合成echarts插件所需数据格式；
根据所设定的图表展示形式，向数据封装图表格式；
利用echarts插件技术将最后处理的数据结果转化为对应的图表；
所述图表展示形式包括地图图表；根据所设定的图表展示形式，判断是否需要展示成地图图表，如果不展示成地图图表，则将返回的数据格式直接转换成其他图表的数据格式并且返回页面展示；如果需要展示层地图图表，则先拿取预先收集获取到的各种城市的经纬度用来构造城市地图数据，然后根据前述获得的整合数据和该地图数据进行封装，得到拥有地图数据的格式后返回页面展示。
2.根据权利要求1所述的一种浏览器动态展示就业信息分析结果图表的方法，其特征在于，页面获取对应的专业并存储该专业，每个专业是从服务器端数据库中取出后展示到所要展示图形图表的页面中。
3.根据权利要求1所述的一种浏览器动态展示就业信息分析结果图表的方法，其特征在于，当前端的浏览器加载页面时触发echarts插件动态渲染，向服务器端发送一个异步的请求以获取该专业对应的数据。
4.根据权利要求1所述的一种浏览器动态展示就业信息分析结果图表的方法，其特征在于，根据专业按照日月季度三种时间分类到服务器中查询，获取到三维度数据包括：
根据日的时间段去查询获取数据：首先，根据时间函数获取到当前的日时间并且格式化为日day1；然后，做一个减30的数学计算后等到另一个时间段day2；最后，到数据库中查询day1和day2时间范围内的数据并且返回为日维度数据；
根据月的时间段去查询获取数据：首先，通过时间函数得到当前月的时间格式化为月month1；然后，使用month1减去12得到之前12个月的时间month2；最后，以month2和month1作为开始和结束的参数到数据库中查询得到返回为月维度数据；
根据季度的时间段去查询获取数据：首先，通过时间函数得到当前的季度日期为quarter1；然后，减去4获取到之前4个季度的时间点quarter2；最后，使用quarter1和quaeter2这两个时间点作为一个时间范围使用对应的数据库中查询获取到该专业对应的季度维度数据。
5.根据权利要求4所述的一种浏览器动态展示就业信息分析结果图表的方法，其特征在于，对日维度数据、月维度数据和季度维度数据进行汇总整合后获得三维度数据集，对三维度数据集判断是否为空，若为空则说明没有查询到数据则返回一个空的字符串，页面展示暂无数据；若不为空，则说明有查询到了数据，则将上述的日维度数据、月维度数据和季度维度数据放在一起变为按近30日、近12个月、近4个季度的标准整合成echart需要的数据格式。
CN201911389614.2A 2019-12-30 2019-12-30 一种浏览器动态展示就业信息分析结果图表的方法 Active CN111046306B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911389614.2A CN111046306B (zh) 2019-12-30 2019-12-30 一种浏览器动态展示就业信息分析结果图表的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911389614.2A CN111046306B (zh) 2019-12-30 2019-12-30 一种浏览器动态展示就业信息分析结果图表的方法

Publications (2)

Publication Number Publication Date
CN111046306A CN111046306A (zh) 2020-04-21
CN111046306B true CN111046306B (zh) 2023-06-09

Family

ID=70241314

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911389614.2A Active CN111046306B (zh) 2019-12-30 2019-12-30 一种浏览器动态展示就业信息分析结果图表的方法

Country Status (1)

Country Link
CN (1) CN111046306B (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112130939A (zh) * 2020-08-10 2020-12-25 深圳市麦谷科技有限公司 一种页面显示方法、装置、终端设备和存储介质
CN112861484B (zh) * 2021-02-20 2023-03-14 山东旗帜信息有限公司 一种通过无头浏览器进行报表编辑的方法、设备及存储介质
CN113325977B (zh) * 2021-05-27 2022-06-03 天津安捷物联科技股份有限公司 一种能源设备关系的动态配置与图谱展现方法
CN117573953B (zh) * 2024-01-16 2024-03-22 成都云祺科技有限公司 一种页面大数据可视化渲染方法、系统及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
AU2013202040A1 (en) * 2006-09-15 2013-04-18 Jobdiva, Incorporated System and method for automating the transfer of data from a web interface to another
CN103200338A (zh) * 2013-03-25 2013-07-10 苏州洲际传书信息科技有限公司 一种话务统计方法
CN105657549A (zh) * 2016-01-27 2016-06-08 四川长虹电器股份有限公司 基于大数据的数据动态可视化的方法
CN107203872A (zh) * 2017-05-26 2017-09-26 山东省科学院情报研究所 基于大数据的区域人才需求量化分析方法
CN108319735A (zh) * 2018-05-11 2018-07-24 重庆工商职业学院 一种就业岗位信息推送查询系统及其方法
CN108648120A (zh) * 2018-05-11 2018-10-12 重庆工商职业学院 一种学院就业数据分析方法及系统

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101369918B (zh) * 2008-09-25 2011-06-29 浙江工业大学 网络管理浏览器
CN102609507A (zh) * 2012-02-03 2012-07-25 浙江工业大学 基于Web的数据可视化系统
CN105005571B (zh) * 2014-04-23 2018-12-21 国家电网公司 支持智能用电信息可视化展示的方法及装置
CN106649773A (zh) * 2016-12-27 2017-05-10 北京大数有容科技有限公司 一种大数据协同分析工具平台
CN107203849B (zh) * 2017-05-26 2020-06-02 山东省科学院情报研究所 基于大数据的区域人才供给量化分析方法
US10135936B1 (en) * 2017-10-13 2018-11-20 Capital One Services, Llc Systems and methods for web analytics testing and web development
CN108446886A (zh) * 2018-01-31 2018-08-24 合肥和钧正策信息技术有限公司 基于大数据的人才招聘系统及方法
CN108804513A (zh) * 2018-04-24 2018-11-13 华东计算技术研究所（中国电子科技集团公司第三十二研究所） 大数据平台的自动可视化分析方法
CN109829616A (zh) * 2018-12-27 2019-05-31 四川华迪信息技术有限公司 一种职业能力分析大数据服务平台及其控制方法

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
AU2013202040A1 (en) * 2006-09-15 2013-04-18 Jobdiva, Incorporated System and method for automating the transfer of data from a web interface to another
CN103200338A (zh) * 2013-03-25 2013-07-10 苏州洲际传书信息科技有限公司 一种话务统计方法
CN105657549A (zh) * 2016-01-27 2016-06-08 四川长虹电器股份有限公司 基于大数据的数据动态可视化的方法
CN107203872A (zh) * 2017-05-26 2017-09-26 山东省科学院情报研究所 基于大数据的区域人才需求量化分析方法
CN108319735A (zh) * 2018-05-11 2018-07-24 重庆工商职业学院 一种就业岗位信息推送查询系统及其方法
CN108648120A (zh) * 2018-05-11 2018-10-12 重庆工商职业学院 一种学院就业数据分析方法及系统

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
基于OLAP的学生就业指导数据分析;林榕;《百度学术》;全文 *
就业服务信息系统的设计与实现.《CNKI中国知网》.2018,全文. *
百度学术，就业 分析 数据 图表 地图 展示 浏览器;Lu Jiang;《IEEE Xplore》;全文 *
面向专业主题的网页分类算法研究;王强;《CNKI中国知网》;全文 *

Also Published As

Publication number Publication date
CN111046306A (zh) 2020-04-21

Similar Documents

Publication Publication Date Title
CN111046306B (zh) 一种浏览器动态展示就业信息分析结果图表的方法
US11809511B2 (en) Speeding up document loading
US9552212B2 (en) Caching intermediate data for scroll view rendering
US20070294357A1 (en) Geospatial community facilitator
CN111611518B (zh) 基于Html5的可视化展示页面自动发布方法及系统
US20070229524A1 (en) Draggable maps
CN107992589B (zh) 一种svg地图数据的加载方法、装置及系统
CN112256790A (zh) 基于WebGL的三维可视化展现系统及数据可视化方法
Adnan et al. Developing efficient web-based GIS applications
CN101436181A (zh) 一种通用web媒体获取与展示的方法
Nixon et al. Semantics enhancing augmented reality and making our reality smarter
Morrison et al. Customizable landscape visualizations. Implementation, application and testing of a web-based tool
Kong et al. A web-based geographic hypermedia system: Data model, system design and prototype applications
Köbben et al. Webservices for animated mapping: the TimeMapper prototype
CN102110166A (zh) 基于浏览器的本体3d可视化和编辑的系统及方法
Kimmig et al. Considerations about the implementation of a public knowledge base regarding nanotechnology
Titov Geospatial meteorological and climatic data services application programming interface
Król et al. Interactive “Image Viewers"—comparison of selected tools and application examples
O'Brien Open source GIS software
Kuk et al. Visualization of Vector Tiles on CesiumJS Virtual Globe
Ying et al. How little is enough? Evaluation of user satisfaction with maps generated by a progressive transmission scheme for geospatial data
CN116796101A (zh) 一种构建数字化管理平台的方法、设备及存储介质
Ellul et al. From 3D City Modelling to 3D Country Modelling: First Tests on Scale-Dependent Rendering on Mobile Devices
CN116628967A (zh) 一种智慧工厂数字孪生系统
Simon et al. Explorative user interfaces for browsing historical maps on the Web

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant