CN107122398B - 一种数据展示图表生成方法及系统 - Google Patents
一种数据展示图表生成方法及系统 Download PDFInfo
- Publication number
- CN107122398B CN107122398B CN201710161794.3A CN201710161794A CN107122398B CN 107122398 B CN107122398 B CN 107122398B CN 201710161794 A CN201710161794 A CN 201710161794A CN 107122398 B CN107122398 B CN 107122398B
- Authority
- CN
- China
- Prior art keywords
- chart
- path information
- template
- mobile terminal
- data display
- 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
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/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/248—Presentation of query results
-
- 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/186—Templates
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/31—Programming languages or programming paradigms
- G06F8/315—Object-oriented languages
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computational Linguistics (AREA)
- Computing Systems (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- General Health & Medical Sciences (AREA)
- Information Transfer Between Computers (AREA)
- Mobile Radio Communication Systems (AREA)
Abstract
本发明提供一种数据展示图表生成方法及系统,其中所述数据展示图表生成方法包括:获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息进行编码;将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板;将待展示数据信息载入所述图表模板中,生成数据展示图表并在所述用户移动终端进行展示。本发明将调用图表模板文件的过程抽象成一个公共的方法,根据图表模板文件的路径信息。相对于现有技术而言,降低函数间耦合,并方便技术人员修改代码时的工作量。
Description
技术领域
本发明涉及数据展示技术领域,更具体地,涉及一种数据展示图表生成方法及系统。
背景技术
目前,随着互联网移动端的多样化发展和产品对用户体验的不懈追求,很多APP中都运用了绚丽多彩的图表。对于一些需要展示大量数据的APP,如股市波动类,天气变化类等一些依靠数据展示说话的APP,图表的应用无疑会让繁杂枯燥的数据变得生动,在简单直观的反映内容的同时,还能提高APP的美观和用户的体验。但是目前,在移动端开发图表的方法,大多是基于原生的框架,如iOS端常用的SHLineGraphView,通过图层和调用C语言函数,点、线、面一点点画出来的,耗时耗力,且扩展性一点都不好,严重影响开发效率。
现有技术解决方案使用开源的前端图表库,在解决图表展示APP开发效率和扩展性的同时,还能在不发布新版本的前提下动态修改需求,开发效率大大提高,用户体验也不逊于原生的。
然而,上述现有技术存在以下问题:移动终端APP对于图表文件的多次加载容易对外暴露APP内置程序中所包含函数的细节,容易造成各函数间的耦合;同时多次的对于图表文件的加载所对应的代码量也会增加,当需要修改加载方法或需要加载图表模板文件地址时的代码修改量比较繁重。
发明内容
本发明为克服上述问题或者至少部分地解决上述问题,提供一种数据展示图表生成方法及系统。
根据本发明的一个方面,提供一种数据展示图表生成方法,包括:
步骤1,获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息字符串进行编码转换;将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;
步骤2,根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板;
步骤3,将待展示数据信息载入所述图表模板中,生成数据展示图表,将所述数据展示图表在所述用户移动终端进行展示。
根据本发明的另一个方面,提供一种数据展示图表生成系统,包括获取模块、加载模块和展示模块:
所述获取模块与所述加载模块相连,用于获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息字符串进行编码转换;将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;
所述加载模块分别与所述获取模块、展示模块相连,用于根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板;
所述展示模块与所述加载模块相连,用于将待展示数据信息载入所述图表模板中,生成数据展示图表,将所述数据展示图表在所述用户移动终端进行展示。
本申请提出一种数据展示图表生成方法及系统,将加载待生成数据展示图表的图表模板用一个公共的方法进行实现,上述方法实现了对表格模板路径的拼接,最少可能的暴露了函数细节,从而降低耦合,同时,上述方法只需要外面传入一个路径,就可以方便快捷的实现对于图表模板文件的多次读取调用,从而减少了编程代码量,当发生需求改变时,从而起到对加载方法修改更加便捷的有益效果。
附图说明
图1为根据本发明实施例一种数据展示图表生成方法的整体流程示意图;
图2为根据本发明实施例一种数据展示图表生成系统的整体框架示意图;
图3为根据本发明实施例一种数据展示图表生成方法的测试设备整体框架示意图。
具体实施方式
下面结合附图和实施例,对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明,但不用来限制本发明的范围。
目前,随着互联网移动端的多样化发展和产品对用户体验的不懈追求,很多APP中都运用了绚丽多彩的图表。对于一些需要展示大量数据的APP,如股市波动类,天气变化类等一些依靠数据展示说话的APP,图表的应用无疑会让繁杂枯燥的数据变得生动,在简单直观的反映内容的同时,还能提高APP的美观和用户的体验。但是目前,在移动端开发图表的方法,大多是基于原生的框架,如iOS端常用的SHLineGraphView,通过图层和调用C语言函数,点、线、面一点点画出来的,耗时耗力,且扩展性一点都不好,严重影响开发效率。
现有技术解决方案使用开源的前端图表库,在解决图表展示APP开发效率和扩展性的同时,还能在不发布新版本的前提下动态修改需求,开发效率大大提高,用户体验也不逊于原生的。然而,上述现有技术存在以下问题:移动终端APP对于图表文件的多次加载容易对外暴露APP内置程序中所包含函数的细节,容易造成各函数间的耦合;同时多次的对于图表文件的加载所对应的代码量也会增加,当需要修改加载方法或需要加载图表模板文件地址时的代码修改量比较繁重。
如图1所示,本发明第一个实施例提供一种数据展示图表生成方法整体流程示意图。总体上,包括以下步骤:步骤1,获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息字符串进行编码转换;将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;步骤2,根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板;步骤3,将待展示数据信息载入所述图表模板中,生成数据展示图表,将所述数据展示图表在所述用户移动终端进行展示。
上述具体实施例存在以下有益效果:所述用户移动终端APP在运行过程中难免多次对于所述图表模板文件进行多次调用,上述具体实施例将调用图表模板文件的过程抽象成一个公共的方法,根据图表模板文件的路径信息,实现了对于图表模板文件存储路径的拼接,起到了最少的暴露函数细节,降低函数间耦合的有益效果;同时,通过这个公共的方法只需要外面传入一个存储路径,就可以方便快捷的读取图表模板文件,这样的做法减少了代码量,当需要对于APP内调用请求进行修改时,可以有效减少修改加载方法或者更换加载方法的代码修改量。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,所述图表模板为利用外部图表库生成。
目前,用户移动端图表生成的方法,还存在不少是基于所述用户移动终端内原生操作系统的框架体系,例如iOS端常用的SHLineGraphView,在图表生成时通过图层和调用C语言函数,点、线、面一点点画出来的,耗时耗力,且扩展性一点都不好,严重影响开发效率。而本具体实施例使用开源的前端图表库,例如Echarts,在解决移动端图表生成效率和方法代码扩展性的同时,还能在不发布新版本的前提下动态修改需求,开发效率大大提高,用户体验也不逊于原生的。因此使用外部图表库进行用户移动端图表的生成可以有效的解决图表生成方法中的快速开发问题。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,所述图表模板存储在所述用户移动终端或远程服务器上。
加载图表模板文件的方式有两种,一种是将图表模板文件放在用户移动终端本地,从本地加载;另一种是直接从远程服务器上进行加载。这两种加载方法的不同主要体现在URL地址上,从远程服务器动态加载图表模板文件,其URL地址是一个网址,好处是app发布后可以在线更改图表模板而不需要用户移动端有任何更改,其不足是图表加载完成的速度取决于网速,网速较慢时比较耗时甚至加载失败,用户体验不是很好。而从本地加载就克服了耗时和用户体验的问题,其URL是本地资源文件的路径,图表模板文件存放在本地的资源文件中。本地加载图表的缺陷是不能动态修改,一旦APP发布后,图表的更改只能在新的版本中完成,且前端修改图表后,移动端也得使用新的图表模板文件替换之前的图表模板文件。选择哪种方式加载图表,应根据产品的具体需求。如果当前的需求比较稳定,后期改动图表的可能性较小,建议从本地加载;反之如果需求不是很稳定,图标需要经常动态变化,就建议从网页加载。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,所述步骤将所述图表模板路径信息字符串进行编码转换还包括:将所述图表模板路径信息字符串进行UTF8编码转换。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,所述步骤1前还包括,在所述用户移动终端中创建视觉控件;设置所述视觉控件的背景颜色。
上述具体实施例的具体实现过程如下:创建webView,添加到相应页面的View上,webView的大小,根据UI标注的图表大小和位置确定。使用webView.backgroundColor=[UIColor clearColor];设置创建的WebView的背景颜色。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,所述步骤获取待生成数据展示图表的图表模板路径信息还包括:在IOS操作系统的用户移动终端中,利用方法stringWithContentsOfFile获取待生成数据展示图表的图表模板路径信息;在Android为操作系统的用户移动终端中,利用方法getContent获取待生成数据展示图表的图表模板路径信息。
在IOS操作系统的用户移动终端中,具体实施例的具体实现过程如下:NSString*htmlString=[NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];,同时,获取得路径需要NSUTF8StringEncoding编码。将所述图表模板路径信息进行NSUTF8StringEncoding编码是为了有效的防止图表模板路径信息字符串中乱码的生成。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,所述步骤将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息还包括:在IOS操作系统的用户移动终端中,利用方法fileURLWithPath:basePath将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;在Android操作系统的用户移动终端中,利用方法getHtmlString将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息。
在IOS操作系统的用户移动终端中,上述具体实施例的具体实现过程如下:在IOS系统下,将获得的路径转化为NSURL,NSURL*baseURL=[NSURL fileURLWithPath:basePath]。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,所述步骤获取所述待生成数据展示图表的图表模板的存储路径信息具体实现方式如下:在IOS操作系统的用户移动终端中,使用函数NSString*basePath=[[NSBundle mainBundle]bundlePath];获得文件中存储的html文件的路径;在Android操作系统的用户移动终端中,根据所述URL路径信息和存储路径信息,利用方法getHtmlString加载所述待生成数据展示图表的图表模板。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,所述步骤2还包括:在IOS操作系统的用户移动终端中,根据所述URL路径信息和存储路径信息,利用方法htmlString加载所述待生成数据展示图表的图表模板。
在IOS操作系统的用户移动终端中,上述具体实施例的具体实现过程如下:使用[self loadHTMLString:htmlString baseURL:baseURL]去加载所述URL路径信息和存储路径信息,经过这些就可以实现对html的加载。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,所述步骤3中将待展示数据信息载入所述图表模板还包括:在IOS操作系统的用户移动终端中,利用方法stringByEvaluatingJavaScriptFromString将待展示数据信息载入所述图表模板;在Android操作系统的用户移动终端中,利用方法showHtmlString将待展示数据信息载入所述图表模板。
在IOS操作系统的用户移动终端中,上述具体实施例的具体实现过程如下:通常,前端提供的都是一个图表框架,具体的数据需要移动端从后台请求,然后调用前端提供的接口(如setData方法)将数据注入。iOS端注入数据只需要调用-(nullable NSString*)stringByEvaluatingJavaScriptFromString:(NSString*)script方法即可完成。
使用苹果IOS中stringByEvaluatingJavaScriptFromString函数进行注入,这个函数可以兼容ios7甚至更老的版本,注入方法简单,一行代码就可以实现,数据注入。
在本发明另一个具体实施例中,提供一种数据展示图表生成方法,还包括:对于部分需要与用户交互的图表,可以调用context的exceptionHandler进行交互,前端只需要知道实现交互的方法名(如sourceInfo),移动端利用context调用该方法就好,交互过程中需要传递的参数通过block回调。其中context通过调用valueForKeyPath:@"documentView.webView.mainFrame.javaScriptConte xt"方法获得。
上述具体实施例具有以下有益效果:使用javaScriptContext方法,获取到context,获得了context就获得了实现了js和OC的交互的引擎,有了context后面的进行数据处理就很方便。
如图2所示,本发明又一个实施例一种数据展示图表生成系统总体框架示意图。总体上,包括获取模块A1、加载模块A2和展示模块A3:
所述获取模块A1与所述加载模块A2相连,用于获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息字符串进行编码转换;将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;
所述加载模块A2分别与所述获取模块A1、展示模块A3相连,用于根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板;
所述展示模块A3与所述加载模块A2相连,用于将待展示数据信息载入所述图表模板中,生成数据展示图表,将所述数据展示图表在所述用户移动终端进行展示。
具体的,所述获取模块,还包括第一获取单元、编码单元和第二获取单元,所述第一获取单元用于获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息字符串进行编码转换;将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;所述第二获取单元用于获取所述待生成数据展示图表的图表模板的存储路径信息。
上述具体实施例存在以下有益效果:所述用户移动终端APP在运行过程中难免多次对于所述图表模板文件进行多次调用,上述具体实施例将调用图表模板文件的过程抽象成一个公共的方法,根据图表模板文件的路径信息,实现了对于图表模板文件存储路径的拼接,起到了最少的暴露函数细节,降低函数间耦合的有益效果;同时,通过这个公共的方法只需要外面传入一个存储路径,就可以方便快捷的读取图表模板文件,这样的做法减少了代码量,当需要对于APP内调用请求进行修改时,可以有效减少修改加载方法或者更换加载方法的代码修改量。
在本发明另一个具体实施例中,一种数据展示图表生成系统,所述图表模板为利用外部图表库生成。
目前,用户移动端图表生成的方法,还存在不少是基于所述用户移动终端内原生操作系统的框架体系,例如iOS端常用的SHLineGraphView,在图表生成时通过图层和调用C语言函数,点、线、面一点点画出来的,耗时耗力,且扩展性一点都不好,严重影响开发效率。
而本具体实施例使用开源的前端图表库,例如Echarts,在解决移动端图表生成效率和方法代码扩展性的同时,还能在不发布新版本的前提下动态修改需求,开发效率大大提高,用户体验也不逊于原生的。因此使用外部图表库进行用户移动端图表的生成可以有效的解决图表生成方法中的快速开发问题。
在本发明另一个具体实施例中,一种数据展示图表生成系统,所述图表模板存储在所述用户移动终端或远程服务器上。
加载图表模板文件的方式有两种,一种是将图表模板文件放在用户移动终端本地,从本地加载;另一种是直接从远程服务器上进行加载。这两种加载方法的不同主要体现在URL地址上,从远程服务器动态加载图表模板文件,其URL地址是一个网址,好处是app发布后可以在线更改图表模板而不需要用户移动端有任何更改,其不足是图表加载完成的速度取决于网速,网速较慢时比较耗时甚至加载失败,用户体验不是很好。而从本地加载就克服了耗时和用户体验的问题,其URL是本地资源文件的路径,图表模板文件存放在本地的资源文件中。本地加载图表的缺陷是不能动态修改,一旦APP发布后,图表的更改只能在新的版本中完成,且前端修改图表后,移动端也得使用新的图表模板文件替换之前的图表模板文件。选择哪种方式加载图表,应根据产品的具体需求。如果当前的需求比较稳定,后期改动图表的可能性较小,建议从本地加载;反之如果需求不是很稳定,图标需要经常动态变化,就建议从网页加载。
在本发明另一个具体实施例中,一种数据展示图表生成系统,所述系统还包括创建模块,与所述获取模块相连,用于在所述用户移动终端中创建视觉控件。上述具体实施例的具体实现过程如下:创建webView,添加到相应页面的View上,webView的大小,根据UI标注的图表大小和位置确定。
在本发明另一个具体实施例中,一种数据展示图表生成系统,所述创建模块还用于设置所述视觉控件的背景颜色。上述具体实施例的具体实现过程如下:使用webView.backgroundColor=[UIColor clearColor];设置创建的WebView的背景颜色。
在本发明另一个具体实施例中,一种数据展示图表生成系统,所述第一获取单元还用于利用方法stringWithContentsOfFile获取待生成数据展示图表的图表模板路径信息。
上述具体实施例的具体实现过程如下:NSString*htmlString=[NSStringstringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];,同时,获取得路径需要NSUTF8StringEncoding编码。将所述图表模板路径信息进行NSUTF8StringEncoding编码是为了有效的防止图表模板路径信息字符串中乱码的生成。
在本发明另一个具体实施例中,一种数据展示图表生成系统,所述编码单元还用于利用方法fileURLWithPath:basePath将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息。
上述具体实施例的具体实现过程如下:在IOS系统下,将获得的路径转化为NSURL,NSURL*baseURL=[NSURL fileURLWithPath:basePath]。
在本发明另一个具体实施例中,一种数据展示图表生成系统,所述第二获取单元还用于使用函数NSString*basePath=[[NSBundle mainBundle]bundlePath];获得文件中存储的html文件的路径。
在本发明另一个具体实施例中,一种数据展示图表生成系统,所述加载模块还用于根据所述URL路径信息和存储路径信息,利用方法htmlString加载所述待生成数据展示图表的图表模板。
上述具体实施例的具体实现过程如下:使用[self loadHTMLString:htmlStringbaseURL:baseURL]去加载所述URL路径信息和存储路径信息,经过这些就可以实现对html的加载。
在本发明另一个具体实施例中,一种数据展示图表生成系统,所述展示模块还用于利用方法stringByEvaluatingJavaScriptFromString将待展示数据信息载入所述图表模板。
上述具体实施例的具体实现过程如下:通常,前端提供的都是一个图表框架,具体的数据需要移动端从后台请求,然后调用前端提供的接口(如setData方法)将数据注入。iOS端注入数据只需要调用-(nullable NSString*)stringByEvaluatingJavaScriptFromString:(NSString*)script方法即可完成。
使用苹果IOS中stringByEvaluatingJavaScriptFromString函数进行注入,这个函数可以兼容ios7甚至更老的版本,注入方法简单,一行代码就可以实现,数据注入。
在本发明另一个具体实施例中,一种数据展示图表生成系统,还包括交互模块,用于对于部分需要与用户交互的图表,可以调用context的exceptionHandler进行交互,前端只需要知道实现交互的方法名(如sourceInfo),移动端利用context调用该方法就好,交互过程中需要传递的参数通过block回调。其中context通过调用valueForKeyPath:@"documentView.webView.mainFrame.javaScriptConte xt"方法获得。
上述具体实施例具有以下有益效果:使用javaScriptContext方法,获取到context,获得了context就获得了实现了js和OC的交互的引擎,有了context后面的进行数据处理就很方便。
图3是示出本申请实施例的数据展示图表生成方法的测试设备的结构框图。
参照图3,所述数据展示图表生成方法的测试设备,包括:处理器(processor)301、存储器(memory)302、通信接口(Communications Interface)303和总线304;
其中,
所述处理器301、存储器302、通信接口303通过所述总线304完成相互间的通信;
所述通信接口303用于该测试设备与数据展示图表生成方法的通信设备之间的信息传输;
所述处理器301用于调用所述存储器302中的程序指令,以执行上述各方法实施例所提供的方法,例如包括:获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息进行NSUTF8StringEncoding编码;将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板;将待展示数据信息载入所述图表模板中,生成数据展示图表,将所述数据展示图表在所述用户移动终端进行展示。
本实施例公开一种计算机程序产品,所述计算机程序产品包括存储在非暂态计算机可读存储介质上的计算机程序,所述计算机程序包括程序指令,当所述程序指令被计算机执行时,计算机能够执行上述各方法实施例所提供的方法,例如包括:获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息进行NSUTF8StringEncoding编码;将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板;将待展示数据信息载入所述图表模板中,生成数据展示图表,将所述数据展示图表在所述用户移动终端进行展示。
本实施例提供一种非暂态计算机可读存储介质,所述非暂态计算机可读存储介质存储计算机指令,所述计算机指令使所述计算机执行上述各方法实施例所提供的方法,例如包括:获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息进行NSUTF8StringEncoding编码;将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板;将待展示数据信息载入所述图表模板中,生成数据展示图表,将所述数据展示图表在所述用户移动终端进行展示。
本领域普通技术人员可以理解:实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤;而前述的存储介质包括:ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
以上所描述的数据展示图表生成方法的测试设备等实施例仅仅是示意性的,其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下,即可以理解并实施。
最后,本申请的方法仅为较佳的实施方案,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种数据展示图表生成方法,其特征在于,包括:
步骤1,获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息字符串进行编码转换;将编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;
步骤2,根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板,以根据图表模板文件的路径信息,对图表模板文件存储路径进行拼接;
步骤3,将待展示数据信息载入所述图表模板中,生成数据展示图表,将所述数据展示图表在所述用户移动终端进行展示。
2.如权利要求1所述的方法,其特征在于,所述图表模板为利用外部图表库生成。
3.如权利要求1所述的方法,其特征在于,所述图表模板存储在所述用户移动终端或远程服务器上。
4.如权利要求1所述的方法,其特征在于,所述将所述图表模板路径信息字符串进行编码转换还包括:将所述图表模板路径信息字符串进行UTF8编码转换。
5.如权利要求1所述的方法,其特征在于,所述步骤1前还包括,在所述用户移动终端中创建视觉控件;设置所述视觉控件的背景颜色。
6.如权利要求1所述的方法,其特征在于,所述获取待生成数据展示图表的图表模板路径信息还包括:
在IOS操作系统的用户移动终端中,利用方法stringWithContentsOfFile获取待生成数据展示图表的图表模板路径信息;
在Android为操作系统的用户移动终端中,利用方法getContent获取待生成数据展示图表的图表模板路径信息。
7.如权利要求1所述的方法,其特征在于,所述将编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息还包括:
在IOS操作系统的用户移动终端中,利用方法fileURLWithPath:basePath将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;
在Android操作系统的用户移动终端中,利用方法getHtmlString将所述编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息。
8.如权利要求1所述的方法,其特征在于,所述步骤2还包括:
在IOS操作系统的用户移动终端中,根据所述URL路径信息和存储路径信息,利用方法htmlString加载所述待生成数据展示图表的图表模板;
在Android操作系统的用户移动终端中,根据所述URL路径信息和存储路径信息,利用方法getHtmlString加载所述待生成数据展示图表的图表模板。
9.如权利要求1所述的方法,其特征在于,所述步骤3中将待展示数据信息载入所述图表模板还包括:
在IOS操作系统的用户移动终端中,利用方法stringByEvaluatingJavaScriptFromString将待展示数据信息载入所述图表模板;
在Android操作系统的用户移动终端中,利用方法showHtmlString将待展示数据信息载入所述图表模板。
10.一种数据展示图表生成系统,其特征在于,包括获取模块、加载模块和展示模块:
所述获取模块与所述加载模块相连,用于获取待生成数据展示图表的图表模板路径信息,将所述图表模板路径信息字符串进行编码转换;将编码后的图表模板路径信息转化为用户移动终端操作系统所能识别的URL路径信息;获取所述待生成数据展示图表的图表模板的存储路径信息;
所述加载模块分别与所述获取模块、展示模块相连,用于根据所述URL路径信息和存储路径信息加载所述待生成数据展示图表的图表模板,以根据图表模板文件的路径信息,对图表模板文件存储路径进行拼接;
所述展示模块与所述加载模块相连,用于将待展示数据信息载入所述图表模板中,生成数据展示图表,将所述数据展示图表在所述用户移动终端进行展示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710161794.3A CN107122398B (zh) | 2017-03-17 | 2017-03-17 | 一种数据展示图表生成方法及系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710161794.3A CN107122398B (zh) | 2017-03-17 | 2017-03-17 | 一种数据展示图表生成方法及系统 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN107122398A CN107122398A (zh) | 2017-09-01 |
CN107122398B true CN107122398B (zh) | 2021-01-01 |
Family
ID=59717359
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710161794.3A Active CN107122398B (zh) | 2017-03-17 | 2017-03-17 | 一种数据展示图表生成方法及系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107122398B (zh) |
Families Citing this family (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110110175A (zh) * | 2018-01-30 | 2019-08-09 | 阿里巴巴集团控股有限公司 | 数据可视化展示方法及装置 |
CN109241507A (zh) * | 2018-07-27 | 2019-01-18 | 阿里巴巴集团控股有限公司 | 一种图表生成方法及装置、一种计算设备及存储介质 |
CN110209393B (zh) * | 2019-04-24 | 2023-07-07 | 深圳点猫科技有限公司 | 一种用于游戏化教育中头像更换的编程实现方法及装置 |
CN110222194B (zh) * | 2019-05-21 | 2022-10-04 | 深圳壹账通智能科技有限公司 | 基于自然语言处理的数据图表生成方法和相关装置 |
CN111273964B (zh) * | 2020-02-14 | 2024-03-08 | 抖音视界有限公司 | 一种数据加载方法及装置 |
CN112328923B (zh) * | 2020-09-29 | 2021-07-16 | 上海微亿智造科技有限公司 | 原生环境与移动端浏览器端的通信方法、系统及电子设备 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7899067B2 (en) * | 2002-05-31 | 2011-03-01 | Cisco Technology, Inc. | Method and apparatus for generating and using enhanced tree bitmap data structures in determining a longest prefix match |
CN1662007B (zh) * | 2004-02-28 | 2011-03-30 | 深圳市朗科科技股份有限公司 | 基于无线的控制家庭数码设备的系统 |
CN102752660B (zh) * | 2011-11-29 | 2018-05-04 | 新奥特(北京)视频技术有限公司 | 一种电视图文场景文件动态数据链接的方法 |
CN103336805B (zh) * | 2013-06-21 | 2016-12-28 | 中国电子科技集团公司第四十一研究所 | 一种基于图形化映射关系的定制报表自动生成方法及装置 |
CN104793933B (zh) * | 2015-03-31 | 2018-02-09 | 北京奇艺世纪科技有限公司 | 一种终端数据展现方法和系统 |
-
2017
- 2017-03-17 CN CN201710161794.3A patent/CN107122398B/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN107122398A (zh) | 2017-09-01 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107122398B (zh) | 一种数据展示图表生成方法及系统 | |
US11119812B2 (en) | Method and device for processing application program page according to a common interface container | |
CN107451162B (zh) | 网络资源访问设备、混合设备及方法 | |
CN111158818A (zh) | 一种页面渲染方法和装置 | |
CN110457143B (zh) | 微服务的调用方法及装置 | |
CN111338623B (zh) | 一种开发用户界面的方法、装置、介质和电子设备 | |
CN110389755B (zh) | 代码处理方法及装置、电子设备和计算机可读存储介质 | |
CN110297636A (zh) | 一种基于页面配置文件的页面自动生成和参数管理方法、系统和装置 | |
CN103530338A (zh) | 在计算设备上进行页面渲染的框架及生成页面的方法 | |
CN105988814B (zh) | 界面生成方法及装置 | |
CN114218890A (zh) | 页面渲染方法、装置、电子设备以及存储介质 | |
CN112015468A (zh) | 一种接口文档处理方法、装置、电子设备以及存储介质 | |
CN108319474B (zh) | 一种页面信息生成方法、装置和设备 | |
CN112395027A (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
CN101876998B (zh) | 一种实现数据编辑的方法和系统 | |
CN114500423A (zh) | 消息处理方法、装置、设备及存储介质 | |
CN110825622A (zh) | 软件测试方法、装置、设备和计算机可读介质 | |
CN113342450B (zh) | 页面处理的方法、装置、电子设备及计算机可读介质 | |
CN113110829B (zh) | 多ui组件库数据处理方法及装置 | |
US10986051B1 (en) | System and method for dynamic chat message customization | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN114138717A (zh) | 一种富文本信息的发布方法及相关装置 | |
CN103092575A (zh) | 生成小工具应用的方法和系统 | |
CN111984258A (zh) | 页面构建方法和设备 | |
CN112632436A (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20230506 Address after: No. 301, 3rd Floor, Building A, No. 25 Yongtai Middle Road, Haidian District, Beijing, 100000 Patentee after: Youyou Interactive (Beijing) Technology Co.,Ltd. Address before: 430000 Wuhan Donghu Development Zone, Wuhan, Hubei Province, No. 1 Software Park East Road 4.1 Phase B1 Building 11 Building Patentee before: WUHAN DOUYU NETWORK TECHNOLOGY Co.,Ltd. |
|
TR01 | Transfer of patent right |