CN106406842A - 一种网页上柱状图的显示方法和系统 - Google Patents
一种网页上柱状图的显示方法和系统 Download PDFInfo
- Publication number
- CN106406842A CN106406842A CN201510479335.0A CN201510479335A CN106406842A CN 106406842 A CN106406842 A CN 106406842A CN 201510479335 A CN201510479335 A CN 201510479335A CN 106406842 A CN106406842 A CN 106406842A
- Authority
- CN
- China
- Prior art keywords
- data
- block diagram
- webpage
- program
- 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.)
- Pending
Links
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种网页上柱状图的显示方法和系统，该方法包括：在网页JavaScript脚本中编写柱状图生成程序和数据获取程序；打开网页后，浏览器自动下载JavaScript脚本中的所述柱状图生成程序和数据获取程序；所述数据获取程序向数据服务器请求数据；所述柱状图生成程序生成柱状图；网页自动调整所述柱状图的尺寸并显示。本发明技术方案避免了大容量的图片的网络传递和存储，节约了大量的网络资源和存储空间，而且本方案节省了网络传输的时间，能够快速实现含有柱状图表的网页的呈现，对于含有多图表、大尺寸统计图表的网页展示具有积极的意义。
Description
技术领域
本发明涉及互联网技术领域，特别涉及一种网页上柱状图的显示方法和系统。
背景技术
随着网络的迅速发展，互联网成为大量信息的载体，文字、图片、数据库、音频、视频多媒体等不同类型数据大量出现于网络，再加以各式各样的网页设计，人类进入了信息爆炸的时代。互联网信息呈现了数据巨大、内容广泛、形式多样、增长迅速的特点。截至2014年12月，仅中国的网页数量达到1899亿个，年增长26.6％。随着个人博客、自媒体的发展，以及互联网媒体的快速发展，互联网页的数量将会以几何级速的增长。
互联网传播速度快，内容共享自由，所以互联网成为了一个集各种信息资源为一体的资源网，来自各方的人士随时都可以在网上发布信息。其中，统计数据和图表承载着大量的信息，是表示某一区域、行业或项目的发展特征、规模、结构、水平等指标的数据，是定性、定位和定量统计分析的基础数据，能够体现某一时间点或某一时间段内的发展情况，发现发展规律和发展差异。统计图表是网络上的重要统计数据源，能够直观地反映各变量数量的差异，体现各变量的变化趋势，便于分析研究各类问题、比较数量差异和研究数量差异问题。使用统计图表具有下列的优势：
1、采用图表的方式表示数据，使统计数据更直观和形象，更加清晰的表现统计数据的内容。
2、图表能够方便的表示各个数据(指标)之间的关系，用户可以通过简洁、明了的图示来了解数据之间的横向与纵向的发展趋势和规律。
3、图表的方式相对于文字叙述更形象、简便和直观，对数据的整体发展情况有统一的掌握，具有简单易懂、一目了然的优势。
4、图表的方式能够检查统计数据的完整性和正确性，避免遗漏和错误，提高数据的质量。
统计图表作为重要的统计资料，得到用户的大量使用。现阶段，用户浏览数据图表网页，一般是通过直接浏览包含有统计图表的网页来获取，一个网页可以包括多个图表。当用户引用图表或者对图表进行再编辑时，往往是先下载到本地，然后再进行引用或编辑。由于图表采用图片的格式在网络传输和显示，相对于文本文件耗费了较多的流量，也会造成本地计算机的运算负载增大，如果统计图表的数量较大、图片较大，那么对于服务器、传输网络和本地计算机都会造成较大的负担。
发明内容
本发明提供一种网页上柱状图的显示方法和系统，避免了大容量的图片的网络传递和存储，网页图片不用上传服务器进行存储，节约了大量的网络资源和存储资源，本地计算机可以基于基础数据生成直观的图表，能够达到与直接使用图片方式相同的效果。同时，该方式节省了网络传输的时间，能够快速实现含有柱状图表的网页的呈现，对于含有多图表、大尺寸统计图表网页的展示具有积极的意义。
本发明的技术方案提供了一种网页上柱状图的显示方法，包括以下步骤：
在网页JavaScript脚本中编写柱状图生成程序和数据获取程序；
打开网页后，浏览器自动下载JavaScript脚本中的所述柱状图生成程序和数据获取程序；
所述数据获取程序向数据服务器请求数据；
所述柱状图生成程序生成柱状图；
网页自动调整所述柱状图的尺寸并显示。
进一步的，所述数据获取程序所请求和获取的数据是标准格式的数据，是制作柱状图的基础数据。
进一步的，浏览器完成自动下载JavaScript脚本中的数据获取程序后，数据获取程序自动请求和下载数据。
进一步的，所述数据获取程序请求数据失败，则弹窗提示无法获得数据。
进一步的，所述柱状图生成程序根据所获取的数据无法生成柱状图，则弹窗提示获取数据错误。
进一步的，浏览器离开柱状图网页再重新登录时，所述数据获取程序重新请求数据，所述柱状图生成程序根据新获取的数据更新柱状图。
进一步的，网页预先设定显示柱状图的空间，所生成的柱状图根据显示空间调整尺寸。
本发明的技术方案还提供了一种网页上柱状图的显示系统，其特征在于，包括：柱状图生成单元，数据获取单元，数据服务器单元，浏览器，其中，
柱状图生成单元用于根据基础数据生成柱状图；
数据获取单元用于向数据服务器请求和获取图表的基础数据；
数据服务器单元存储和提供图表的基础数据；
浏览器用于登录和显示包含柱状图的网页。
进一步的，浏览器登录所述网页时自动下载柱状图生成单元和数据获取单元。
进一步的，数据服务器单元提供标准格式的图表基础数据。
本发明技术方案采用专用程序本地化处理数据流，在本地计算机可以生成直观、形象的统计柱状图，避免了大容量的图片的网络传递和存储，网页图片不用上传服务器进行存储，节约了大量的网络资源和存储资源，本地计算机可以基于基础数据生成直观的图表，与网页实现良好的融合，能够达到与直接使用图片方式相同的效果。同时，该方式无需传输图片文件，节省了网络传输的时间，能够在本地快速实现含有柱状图表的网页的呈现，对于含有多图表、大尺寸统计图表网页的展示具有积极的意义。
本发明的其它特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
附图说明
附图用来提供对本发明的进一步理解，并且构成说明书的一部分，与本发明的实施例一起用于解释本发明，并不构成对本发明的限制。在附图中：
图1为本发明实施例一中网页上柱状图的显示方法流程图；
图2为本发明实施例二中重新登录网页显示柱状图的方法流程图；
图3为本发明实施例一和二中网页上柱状图的显示系统结构图。
具体实施方式
以下结合附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。
图1为本发明实施例一中网页上柱状图的显示方法流程图。如图1所示，该网页上柱状图的显示方法流程包括以下步骤：
步骤101：在网页JavaScript脚本中编写柱状图生成程序和数据获取程序。
数据获取程序和生成柱状图程序是网页JavaScript脚本程序的组成部分。
步骤102：浏览器自动下载JavaScript脚本中的所述柱状图生成程序和数据获取程序。
浏览器登录网页，即开始自动下载柱状图生成程序和数据获取程序。
步骤103：数据获取程序向数据服务器请求数据。
数据获取程序所请求和获取的数据是标准格式的数据，是制作柱状图的基础数据；
完成自动下载JavaScript脚本中的数据获取程序后，数据获取程序自动请求和下载数据；
数据获取程序请求数据失败，则弹窗提示无法获得数据；
柱状图生成程序根据所获取的数据无法生成柱状图，则弹窗提示获取数据错误。
步骤104：所述柱状图生成程序生成柱状图。
根据基础数据，柱状图生成程序生成柱状图；
浏览器离开柱状图网页再重新登录时，所述数据获取程序重新请求数据，所述柱状图生成程序根据新获取的数据更新柱状图。
步骤105：网页自动调整所述柱状图的尺寸并显示。
网页预先设定显示柱状图的空间，所生成的柱状图根据显示空间调整尺寸；
在预设位置显示柱状图。
图2为本发明实施例二中重新登录网页显示柱状图的方法流程图。如图2所示，该网页重新登录网页显示柱状图的方法流程包括以下步骤：
步骤201：重新登录柱状图网页。
用户返回原柱状图页面，或刷新柱状图页面。
步骤202：浏览器判断是第二次登录。
根据浏览历史记录，浏览器判断是第二次登录；
本地计算机保留有已经下载到本地的JavaScript脚本中的柱状图生成程序和数据获取程序。
步骤203：数据获取程序向数据服务器请求数据。
数据获取程序自动请求和下载数据；
数据获取程序所请求和获取的数据是标准格式的数据，是制作柱状图的基础数据；
数据获取程序请求数据失败，则弹窗提示无法获得数据；
柱状图生成程序根据所获取的数据无法生成柱状图，则弹窗提示获取数据错误。
步骤204：所述柱状图生成程序生成柱状图。
根据基础数据，柱状图生成程序生成柱状图；
步骤205：网页自动调整所述柱状图的尺寸并显示。
网页预先设定显示柱状图的空间，所生成的柱状图根据显示空间调整尺寸；
在预设位置显示柱状图。
为了实现上述实施例一和二，本实施例还提供了一种网页显示柱状图的系统，图3为本发明实施例一和二中网页显示柱状图的系统结构图。
如图3所示，该系统包括：浏览器301，柱状图生成单元302，数据获取单元303，数据服务器单元304，其中，
柱状图生成单元用于根据基础数据生成柱状图；
数据获取单元用于向数据服务器请求和获取图表的基础数据；
数据服务器单元存储和提供图表的基础数据；
浏览器用于登录和显示包含柱状图的网页。
进一步的，浏览器登录所述网页时自动下载柱状图生成单元和数据获取单元。
进一步的，数据服务器单元提供标准格式的图表基础数据
上述实施例中的技术方案由于采用专用程序本地化处理数据流，在本地计算机可以生成直观、形象的统计柱状图，避免了大容量的图片的网络传递和存储，网页图片不用上传服务器进行存储，节约了大量的网络资源和存储资源，本地计算机可以基于基础数据生成直观的图表，与网页实现良好的融合，能够达到与直接使用图片方式相同的效果。同时，该方式无需传输图片文件，节省了网络传输的时间，能够在本地快速实现含有柱状图表的网页的呈现，对于含有多图表、大尺寸统计图表网页的展示具有积极的意义。
本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (10)
1.一种网页上柱状图的显示方法，其特征在于，包括以下步骤：
在网页JavaScript脚本中编写柱状图生成程序和数据获取程序；
打开网页后，浏览器自动下载JavaScript脚本中的所述柱状图生成程序和数据获取程序；
所述数据获取程序向数据服务器请求数据；
所述柱状图生成程序生成柱状图；
网页自动调整所述柱状图的尺寸并显示。
2.根据权利要求1所述的方法，其特征在于，所述数据获取程序所请求和获取的数据是标准格式的数据，是制作柱状图的基础数据。
3.根据权利要求1所述的方法，其特征在于，浏览器完成自动下载JavaScript脚本中的数据获取程序后，数据获取程序自动请求和下载数据。
4.根据权利要求1所述的方法，其特征在于，所述数据获取程序请求数据失败，则弹窗提示无法获得数据。
5.根据权利要求1所述的方法，其特征在于，所述柱状图生成程序根据所获取的数据无法生成柱状图，则弹窗提示获取数据错误。
6.根据权利要求1所述的方法，其特征在于，浏览器离开柱状图网页再重新登录时，所述数据获取程序重新请求数据，所述柱状图生成程序根据新获取的数据更新柱状图。
7.根据权利要求1所述的方法，其特征在于，网页预先设定显示柱状图的空间，所生成的柱状图根据显示空间调整尺寸。
8.一种网页上柱状图的显示系统，其特征在于，包括：柱状图生成单元，数据获取单元，数据服务器单元，浏览器，其中，
柱状图生成单元用于根据基础数据生成柱状图；
数据获取单元用于向数据服务器请求和获取图表的基础数据；
数据服务器单元存储和提供图表的基础数据；
浏览器用于登录和显示包含柱状图的网页。
9.根据权利要求8所述的系统，其特征在于，浏览器登录所述网页时自动下载柱状图生成单元和数据获取单元。
10.根据权利要求8所述的系统，其特征在于，数据服务器单元提供标准格式的图表基础数据。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510479335.0A CN106406842A (zh) | 2015-08-03 | 2015-08-03 | 一种网页上柱状图的显示方法和系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510479335.0A CN106406842A (zh) | 2015-08-03 | 2015-08-03 | 一种网页上柱状图的显示方法和系统 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106406842A true CN106406842A (zh) | 2017-02-15 |
Family
ID=58008039
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510479335.0A Pending CN106406842A (zh) | 2015-08-03 | 2015-08-03 | 一种网页上柱状图的显示方法和系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106406842A (zh) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109491722A (zh) * | 2018-11-05 | 2019-03-19 | 四川长虹电器股份有限公司 | 基于微信小程序的柱状图图表插件系统及其实现方法 |
| CN109658250A (zh) * | 2018-12-29 | 2019-04-19 | 深圳源中瑞科技有限公司 | 一种基于网页的股票交易k线处理方法和存储介质 |
| CN110781652A (zh) * | 2019-09-27 | 2020-02-11 | 成都四方伟业软件股份有限公司 | 一种在柱状类图表上绘制粒子和光效的方法及装置 |
| CN111274329A (zh) * | 2020-01-10 | 2020-06-12 | 深圳震有科技股份有限公司 | 一种数据处理方法、智能终端及存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102467549A (zh) * | 2010-11-15 | 2012-05-23 | 英业达股份有限公司 | 应用于网页中的折线图坐标点绘制系统及其方法 |
| CN102609256A (zh) * | 2012-01-19 | 2012-07-25 | 北京神州数码思特奇信息技术股份有限公司 | 一种基于网页的动态图表生成方法 |
| CN104750471A (zh) * | 2013-12-30 | 2015-07-01 | 上海格尔软件股份有限公司 | 一种基于浏览器的web页面性能检测与采集分析插件以及方法 |
-
2015
- 2015-08-03 CN CN201510479335.0A patent/CN106406842A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102467549A (zh) * | 2010-11-15 | 2012-05-23 | 英业达股份有限公司 | 应用于网页中的折线图坐标点绘制系统及其方法 |
| CN102609256A (zh) * | 2012-01-19 | 2012-07-25 | 北京神州数码思特奇信息技术股份有限公司 | 一种基于网页的动态图表生成方法 |
| CN104750471A (zh) * | 2013-12-30 | 2015-07-01 | 上海格尔软件股份有限公司 | 一种基于浏览器的web页面性能检测与采集分析插件以及方法 |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109491722A (zh) * | 2018-11-05 | 2019-03-19 | 四川长虹电器股份有限公司 | 基于微信小程序的柱状图图表插件系统及其实现方法 |
| CN109491722B (zh) * | 2018-11-05 | 2022-05-03 | 四川长虹电器股份有限公司 | 基于微信小程序的柱状图图表插件系统及其实现方法 |
| CN109658250A (zh) * | 2018-12-29 | 2019-04-19 | 深圳源中瑞科技有限公司 | 一种基于网页的股票交易k线处理方法和存储介质 |
| CN109658250B (zh) * | 2018-12-29 | 2021-11-12 | 深圳源中瑞科技有限公司 | 一种基于网页的股票交易k线处理方法和存储介质 |
| CN110781652A (zh) * | 2019-09-27 | 2020-02-11 | 成都四方伟业软件股份有限公司 | 一种在柱状类图表上绘制粒子和光效的方法及装置 |
| CN111274329A (zh) * | 2020-01-10 | 2020-06-12 | 深圳震有科技股份有限公司 | 一种数据处理方法、智能终端及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10650350B2 (en) | Web content management driven collaborative activities system and method | |
| US20210318851A1 (en) | Systems and Methods for Dataset Merging using Flow Structures | |
| US9906613B2 (en) | Determining relevant content for keyword extraction | |
| US9923860B2 (en) | Annotating content with contextually relevant comments | |
| US8713446B2 (en) | Personalized dashboard architecture for displaying data display applications | |
| US10410219B1 (en) | Providing automatic self-support responses | |
| US10362086B2 (en) | Method and system for automating submission of issue reports | |
| US9507480B1 (en) | Interface optimization application | |
| CN106575298A (zh) | 包含动态内容和陈旧内容的网站的快速呈现 | |
| US10205678B2 (en) | Systems and methods for client-side dynamic information resource activation and deactivation | |
| US20190339820A1 (en) | Displaying a subset of menu items based on a prediction of the next user-actions | |
| CN103617191A (zh) | 使用硬件加速实现浏览器渲染的方法和浏览器 | |
| US9740668B1 (en) | Plotting webpage loading speeds and altering webpages and a service based on latency and pixel density | |
| US20150227276A1 (en) | Method and system for providing an interactive user guide on a webpage | |
| CN106406842A (zh) | 一种网页上柱状图的显示方法和系统 | |
| CN110865843A (zh) | 页面回溯、信息备份与问题解决方法、系统及设备 | |
| CN112395027A (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
| Firtman | High Performance Mobile Web: Best Practices for Optimizing Mobile Web Apps | |
| US9824151B2 (en) | Providing a portion of requested data based upon historical user interaction with the data | |
| CN110968314A (zh) | 一种页面生成方法及装置 | |
| WO2019134583A1 (zh) | 互联网产品监控方法及终端设备 | |
| CN103685498A (zh) | 一种壁纸的加载方法和浏览器装置 | |
| US9104573B1 (en) | Providing relevant diagnostic information using ontology rules | |
| US11048735B2 (en) | Operation of a computer based on optimal problem solutions | |
| US20170149724A1 (en) | Automatic generation of social media messages regarding a presentation |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170215 |