CN109241510A - 一种基于微信小程序的自动图表生成系统及其实现方法 - Google Patents
一种基于微信小程序的自动图表生成系统及其实现方法 Download PDFInfo
- Publication number
- CN109241510A CN109241510A CN201810962234.2A CN201810962234A CN109241510A CN 109241510 A CN109241510 A CN 109241510A CN 201810962234 A CN201810962234 A CN 201810962234A CN 109241510 A CN109241510 A CN 109241510A
- Authority
- CN
- China
- Prior art keywords
- chart
- management module
- data
- legend
- module
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/174—Form filling; Merging
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/177—Editing, e.g. inserting or deleting of tables; using ruled lines
- G06F40/18—Editing, e.g. inserting or deleting of tables; using ruled lines of spreadsheets
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种基于微信小程序的自动图表生成系统适用于微信小程序,包括相互连接的数据解析模块、图表类别管理模块、图例管理模块、动画效果管理模块、缓存管理模块;数据解析模块用于对传入数据进行整理、解析以供系统生成图表时使用,图表类别管理模块用于管理图表类别并实现以相应图表类别展示数据,图例管理模块用于以相应的图例展示方式进行图表的图例展示,动画效果管理模块用于以相应的图表展示效果展示图表,缓存管理模块与本地存储模块相连,缓存管理模块用于将生成的图表存储到本地存储模块,可通过该系统设置图表数据、图表类型、展示方式等,快速生成多种类型的图表并且可以缓存到本地,有利于数据可视化展示与分析,应用广泛。
Description
技术领域
本发明涉及计算机技术与软件开发技术领域,特别涉及一种基于微信小程序的自动图表生成系统及其实现方法。
背景技术
微信小程序是一种运行在微信上的应用,它与传统系统应用不同,不需要下载安装就可以运行,具有体量小、效率高等优势。使用图表展示数据目前很流行,目前,也有很多其他平台的图表生成工具,但是图表展示的方式与效果各有不同,
发明内容
本发明的目的是基于上述背景技术,提供一种基于微信小程序的自动图表生成系统及其实现方法,该系统主要用于微信客户端,使用微信小程序组件开发模式,结合业务需求,定义了一套展示方式与效果,可以通过设置数据、图表类型与效果,自动生成图表和保存,方便用于数据展示与分析。
为了达到上述的技术效果,本发明采取以下技术方案:
一种基于微信小程序的自动图表生成系统,包括相互连接的数据解析模块、图表类别管理模块、图例管理模块、动画效果管理模块、缓存管理模块;所述数据解析模块用于对传入数据进行整理、解析以供系统生成图表时使用,所述图表类别管理模块用于管理图表类别并实现以相应图表类别展示数据,所述图例管理模块用于以相应的图例展示方式进行图表的图例展示,所述动画效果管理模块用于以相应的图表展示效果展示图表,所述缓存管理模块与本地存储模块相连,缓存管理模块用于将生成的图表存储到本地存储模块。
进一步地,所述图表类别至少包含饼图、环状图、折线图、玫瑰图、柱状图。
进一步地,所述图例展示方式至少包含图文示例、浮动图例、表中图例三个展示方式。
进一步地,以图文示例的方式展示图例时,图文示例显示在图表下方,且通过颜色和名字区分不同数据;
以浮动图例的方式展示图例时,浮动图例现在图表区域上方,会根据触摸的位置不同而显示在不同位置,显示内容可以通过外部设置;
以表中图例的方式展示图例时,表中图例显示在图表中,可以根据外部设置的规则显示内容。
进一步地,所述图表展示效果至少包含渐进、旋转、推入三种展现方式。
同时,本发明还公开了根据上述的基于微信小程序的自动图表生成系统的实现方法,具体包括以下步骤:
S1.数据解析模块获取输入的用于生成图表数据;
S2.数据解析模块解析获取的数据是否合理,能否用于图表展示;
S3.若数据合理,可用于图表展示,则通过图表类别管理模块、图例管理模块及动画效果管理模块设置图表展示样式、动画;
S4.根据所输入的数据以及设置的图表展示样式、动画,在画布上展示图表;
S5.在需要缓存图表时通过缓存管理模块将图表存储到本地。
进一步地,所述步骤S3包括以下步骤:
S3.1通过图表类别管理模块及图例管理模块设置图表样式;
S3.2通过动画效果管理模块设置图表动画类型、动画持续时间。
进一步地,所述步骤S2中解析获取的数据是否合理、能否用于图表展示时主要通过判断输入的数据是否是JSON的结构,同时,判断每条数据中是否均包含以下信息:数据名称、数值、数据展示颜色,对于满足上述条件的数据则判定为合理且能用于图表展示的数据。
本发明与现有技术相比,具有以下的有益效果:
本发明的基于微信小程序的自动图表生成系统适用于微信小程序,包括数据解析模块、图表类别管理模块、图例管理模块、动画效果模块和图表缓存模块,可以通过该系统设置图表数据、图表类型、展示方式等,快速生成多种类型的图表并且可以缓存到本地,有利于数据可视化展示与分析,应用广泛。
附图说明
图1是本发明的基于微信小程序的自动图表生成系统的示意图。
图2是本发明的基于微信小程序的自动图表生成系统的实现方法的流程示意图。
具体实施方式
下面结合本发明的实施例对本发明作进一步的阐述和说明。
实施例:
实施例一:
如图1所示,一种基于微信小程序的自动图表生成系统,该系统一共包含五个核心模块:数据解析模块、图表类别管理模块、图例管理模块、动画效果模块和图表缓存模块。由五个模块共同协作,完成图表自动生成的功能。
具体的,数据解析模块主要负责输入图表数据的解析工作,检测输入的数据是否合法。本系统定义了输入的数据必须是JSON的结构,对于其他结构的数据都是非法的。同时,本系统数据结构定义了一条数据必须包含name(数据名称),value(数值),color(数据展示颜色),对于用于图表展示的数据则可能是多条满足系统结构的数据组成的数组。
图表类别管理模块:主要用于管理图表类别并负责根据设置的图表类别,绘制生成对应的图表,其中,本实施中主要包含五种图表类别:饼图、柱状图、折线图、环状图和玫瑰图。
图例管理模块:主要根据设置的图例展示方式,以相应的图例展示方式进行图表的图例展示,本实施例中主要包含三种图例展示方式:图文示例、浮动图例、表中图例。
具体的,以图文示例展示时,图文示例显示在图表下方,通过颜色和名字区分不同数据。
以浮动图例展示时,浮动图例现在图表区域上方,会根据触摸的位置不同而显示在不同位置,显示内容可以通过外部设置。
以表中图例展示时,表中图例显示在图表中,可以根据外部设置的规则显示内容。
动画效果管理模块:主要用于以相应的图表展示效果展示图表,本实施例中主要包含三种图表展示效果:渐进展现、推入展现、旋转展现。且可以通过外部设置动画效果类型、持续时间等参数控制图表动画效果。
缓存模块:缓存模块还与本地存储模块相连,主要负责图表的缓存,可以通过外部设置将图表保存到本地,以供后续导出分析。
则通过本发明的基于微信小程序的自动图表生成系统,用户仅需在安装有微信程序的移动设备如手机上输入需要展示的数据,即可在手机上实现自动生成图表,且还可以需要的形式进行图例的展示,从而满足不同的使用需求,非常便于用户使用。
实施例二
一种基于微信小程序的自动图表生成系统的实现方法,如图2所示,具体包含以下步骤:
S1.流程开始;
S2.数据解析模块获取输入的用于生成图表数据;
S3.数据解析模块解析获取的数据是否合理,能否用于图表展示;若合理则进入步骤S4,否则,直接进入步骤S7;
解析时具体为判断输入的数据是否是JSON的结构,同时,判断每条数据中是否均包含以下信息:数据名称、数值、数据展示颜色,对于满足上述条件的数据则判定为合理且能用于图表展示的数据,
S4.若数据合理,可用于图表展示,则通过图表类别管理模块、图例管理模块及动画效果管理模块设置图表展示样式、动画;具体包括:
S4.1通过图表类别管理模块及图例管理模块设置图表样式;
S4.2通过动画效果管理模块设置图表动画类型、动画持续时间。
S5.根据所输入的数据以及设置的图表展示样式、动画,在画布上展示图表;
S6.判断是否需要缓存图表,在需要缓存图表时通过缓存管理模块将图表存储到本地,否则,进入步骤S7;
S7.结束流程。
可以理解的是,以上实施方式仅仅是为了说明本发明的原理而采用的示例性实施方式,然而本发明并不局限于此。对于本领域内的普通技术人员而言,在不脱离本发明的精神和实质的情况下,可以做出各种变型和改进,这些变型和改进也视为本发明的保护范围。
Claims (8)
1.一种基于微信小程序的自动图表生成系统,其特征在于,包括相互连接的数据解析模块、图表类别管理模块、图例管理模块、动画效果管理模块、缓存管理模块;
所述数据解析模块用于对传入数据进行整理、解析以供系统生成图表时使用,所述图表类别管理模块用于管理图表类别并实现以相应图表类别展示数据,所述图例管理模块用于以相应的图例展示方式进行图表的图例展示,所述动画效果管理模块用于以相应的图表展示效果展示图表,所述缓存管理模块与本地存储模块相连,缓存管理模块用于将生成的图表存储到本地存储模块。
2.根据权利要求1所述的一种基于微信小程序的自动图表生成系统,其特征在于,所述图表类别至少包含饼图、环状图、折线图、玫瑰图、柱状图。
3.根据权利要求1所述的一种基于微信小程序的自动图表生成系统,其特征在于,所述图例展示方式至少包含图文示例、浮动图例、表中图例三个展示方式。
4.根据权利要求3所述的一种基于微信小程序的自动图表生成系统,其特征在于,以图文示例的方式展示图例时,图文示例显示在图表下方,且通过颜色和名字区分不同数据;
以浮动图例的方式展示图例时,浮动图例现在图表区域上方,会根据触摸的位置不同而显示在不同位置,显示内容可以通过外部设置;
以表中图例的方式展示图例时,表中图例显示在图表中,可以根据外部设置的规则显示内容。
5.根据权利要求1所述的一种基于微信小程序的自动图表生成系统,其特征在于,所述图表展示效果至少包含渐进、旋转、推入三种展现方式。
6.根据权利要求1所述的基于微信小程序的自动图表生成系统的实现方法,其特征在于,具体包括以下步骤:
S1.数据解析模块获取输入的用于生成图表数据;
S2.数据解析模块解析获取的数据是否合理,能否用于图表展示;
S3.若数据合理,可用于图表展示,则通过图表类别管理模块、图例管理模块及动画效果管理模块设置图表展示样式、动画;
S4.根据所输入的数据以及设置的图表展示样式、动画,在画布上展示图表;
S5.在需要缓存图表时通过缓存管理模块将图表存储到本地。
7.根据权利要求6所述的基于微信小程序的自动图表生成系统的实现方法,其特征在于,所述步骤S3包括以下步骤:
S3.1通过图表类别管理模块及图例管理模块设置图表样式;
S3.2通过动画效果管理模块设置图表动画类型、动画持续时间。
8.根据权利要求6所述的基于微信小程序的自动图表生成系统的实现方法,其特征在于,所述步骤S2中解析获取的数据是否合理、能否用于图表展示时是通过判断输入的数据是否是JSON的格式结构,同时,判断每条数据中是否均包含以下信息:数据名称、数值、数据展示颜色,对于满足上述条件的数据则判定为合理且能用于图表展示的数据。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810962234.2A CN109241510A (zh) | 2018-08-22 | 2018-08-22 | 一种基于微信小程序的自动图表生成系统及其实现方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810962234.2A CN109241510A (zh) | 2018-08-22 | 2018-08-22 | 一种基于微信小程序的自动图表生成系统及其实现方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109241510A true CN109241510A (zh) | 2019-01-18 |
Family
ID=65068655
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810962234.2A Pending CN109241510A (zh) | 2018-08-22 | 2018-08-22 | 一种基于微信小程序的自动图表生成系统及其实现方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109241510A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110955718A (zh) * | 2019-12-04 | 2020-04-03 | 深圳市网心科技有限公司 | 数据可视化配置方法、服务器、系统及介质 |
CN112016966A (zh) * | 2020-08-28 | 2020-12-01 | 安徽雪域燕果食品有限公司 | 一种蔓越莓切片品鉴直观分析系统及使用方法 |
CN113821747A (zh) * | 2021-08-31 | 2021-12-21 | 挂号网(杭州)科技有限公司 | 一种数据展示方法、装置、存储介质及电子设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101533519A (zh) * | 2009-03-31 | 2009-09-16 | 北大方正集团有限公司 | 一种在排版过程中将表格转成图表的方法及系统 |
CN104346098A (zh) * | 2013-08-05 | 2015-02-11 | Lg电子株式会社 | 终端及其控制方法 |
CN105204744A (zh) * | 2015-09-28 | 2015-12-30 | 北京金山安全软件有限公司 | 一种启动应用程序的方法、装置及电子设备 |
CN105303603A (zh) * | 2015-10-16 | 2016-02-03 | 深圳市天华数字电视有限公司 | 用于演示文档的三维制作系统及其制作方法 |
CN106648862A (zh) * | 2015-12-08 | 2017-05-10 | Tcl集团股份有限公司 | 一种向用户推荐个性化调度的功能项序列的方法和系统 |
-
2018
- 2018-08-22 CN CN201810962234.2A patent/CN109241510A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101533519A (zh) * | 2009-03-31 | 2009-09-16 | 北大方正集团有限公司 | 一种在排版过程中将表格转成图表的方法及系统 |
CN104346098A (zh) * | 2013-08-05 | 2015-02-11 | Lg电子株式会社 | 终端及其控制方法 |
CN105204744A (zh) * | 2015-09-28 | 2015-12-30 | 北京金山安全软件有限公司 | 一种启动应用程序的方法、装置及电子设备 |
CN105303603A (zh) * | 2015-10-16 | 2016-02-03 | 深圳市天华数字电视有限公司 | 用于演示文档的三维制作系统及其制作方法 |
CN106648862A (zh) * | 2015-12-08 | 2017-05-10 | Tcl集团股份有限公司 | 一种向用户推荐个性化调度的功能项序列的方法和系统 |
Non-Patent Citations (2)
Title |
---|
XIAOLIN3303: "wx-charts", 《HTTPS://GITHUB.COM/XIAOLIN3303/WX-CHARTS/BLOB/MASTER/DIST/WXCHARTS.JS》 * |
第九程序官方: "微信小程序图表插件", 《HTTPS://WWW.JIANSHU.COM/P/D2EB5AFE16BD》 * |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110955718A (zh) * | 2019-12-04 | 2020-04-03 | 深圳市网心科技有限公司 | 数据可视化配置方法、服务器、系统及介质 |
CN112016966A (zh) * | 2020-08-28 | 2020-12-01 | 安徽雪域燕果食品有限公司 | 一种蔓越莓切片品鉴直观分析系统及使用方法 |
CN113821747A (zh) * | 2021-08-31 | 2021-12-21 | 挂号网(杭州)科技有限公司 | 一种数据展示方法、装置、存储介质及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104410720B (zh) | 一种基于web图形的实时监控平台系统及其方法 | |
CN103106188A (zh) | 数据模型的图形化分析系统和图形化分析方法 | |
CN107886439A (zh) | 保险产品开发方法、装置、设备及计算机可读存储介质 | |
CN109241510A (zh) | 一种基于微信小程序的自动图表生成系统及其实现方法 | |
CN104267947A (zh) | 一种编辑弹窗图片的方法及弹窗图片编辑装置 | |
CN106557457A (zh) | 一种基于qt的自动生成跨平台复杂流程图的系统 | |
CN104834507A (zh) | 一种应用构建平台的框架驱动方法 | |
CN102023869A (zh) | 一种控件输入值校验方法及系统 | |
CN101122915A (zh) | 基于参数的搜索引擎 | |
US11423217B2 (en) | Flexible table based visualizations | |
CN105989213A (zh) | 一种通信工程图纸生成方法及图纸设计客户端 | |
CN109213485A (zh) | 一种文本折行实现方法、终端设备及存储介质 | |
CN114707474A (zh) | 报表生成方法、装置、电子设备及计算机可读存储介质 | |
CN107341027A (zh) | 用户界面的生成方法和生成装置 | |
CN109271160A (zh) | 活动规则组建方法、装置和计算机系统、介质 | |
CN101620528A (zh) | 一种基于xpdl的工作流系统的架构方法 | |
CN110334001A (zh) | 一种批量自动生成回声测试的方法和装置 | |
CN105912723A (zh) | 一种自定义字段的存储方法 | |
CN107368414A (zh) | 信息处理方法、装置及电子设备 | |
CN111813410A (zh) | 浏览器数据可视化开发用于多页面联合展示的方法和装置 | |
US9405651B1 (en) | Apparatus and method for processing log file data | |
CN101788977A (zh) | 一种医学检查报告编辑修改实现方法 | |
CN109684751A (zh) | 一种装配式建筑的大样图调用方法、装置、设备及系统 | |
CN115756430A (zh) | 低代码快速研发配置平台 | |
CN114896918A (zh) | 针对功能函数模块的实时可视化方法和系统 |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190118 |
|
RJ01 | Rejection of invention patent application after publication |