[发明专利]一种结合echart和html的动态数据展示方法及系统在审
申请号: | 201910915060.9 | 申请日: | 2019-09-26 |
公开(公告)号: | CN110633082A | 公开(公告)日: | 2019-12-31 |
发明(设计)人: | 王兴玉;程林;杨培强 | 申请(专利权)人: | 山东浪潮商用系统有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38;G06F8/30 |
代理公司: | 37100 济南信达专利事务所有限公司 | 代理人: | 郗艳荣 |
地址: | 250100 山东省济南市*** | 国省代码: | 山东;37 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 动态数据 展示 配色 操作过程 动态显示 感官体验 界面布局 客户展示 视觉体验 突出主体 图表数据 网页界面 网页排版 稳定画面 用户体验 低保真 高保真 线框 页面 美观 聚焦 样式 关联 开发 维护 | ||
1.一种结合echart和html的动态数据展示方法,其特征在于,包括以下步骤:
第一步,先将echarts.js文件和fushionchart.js文件导入Dreamweaver;
第二步,设计网页排版,将动态数据更加便捷简明地为客户展示,同时具有动感的、美观的视觉体验;
第三步,设计低保真线框流程图,使用户能够持续聚焦在将发生交互的产品上;
第四步,设计高保真网页界面,在界面布局上稳定画面、突出主体给用户更好感官体验,以便于用户在操作过程中以地图作为主体和周围指标进行有意识的关联。
2.根据权利要求1所述的结合echart和html的动态数据展示方法及系统,其特征在于:所述第一步中,使用ECharts图表和fushionchart将echarts.js文件和fushionchart.js文件导入Dreamweaver。
3.根据权利要求2所述的结合echart和html的动态数据展示方法及系统,其特征在于:所述第一步中,首先在ECharts图表和fushionchart官网上获取相关的js文件,根据用户需求下载对应的版本;然后把下载的echarts.js文件和fushionchart.js文件放入该网页的文件夹内,最后在Dreamweaver导入echarts.js文件和fushionchart.js文件即可。
4.根据权利要求3所述的结合echart和html的动态数据展示方法及系统,其特征在于:在网页源代码的<head>的部分声明echarts.js文件,因为ECharts图表是一个纯JS的图表库,编写或修改需要用到JS编程语言,所以在该网页源代码的<head>的部分声明使用JS编程语言。
5.根据权利要求1所述的结合echart和html的动态数据展示方法及系统,其特征在于:所述第二步中,页面排版采用上下结构布局,导航菜单在上,内容区域在下;所述导航菜单可以左右动态切换;所述内容区域按照左中右布局,中间模块展示主要图形,左右两侧用ECharts图表或者fushionchart展示相关图形化指标,根据地图或者中间的菜单进行关联设计。
6.根据权利要求1所述的结合echart和html的动态数据展示方法及系统,其特征在于:所述第四步中,将网页界面底色设置为冷色,将重点内容设置为暖色,并将图标进行统一设计,以便更好让用户进行区分;同时将文字通过字体大小进行了区分,加强了层次感的设计。
7.根据权利要求6所述的结合echart和html的动态数据展示方法及系统,其特征在于:所述第四步中,还在地图区域添加投影效果和描边效果使地图更加立体形象;在网页界面布局上稳定画面、突出主体给用户更好感官体验。
8.一种基于权利要求1~7所述的结合echart和html的动态数据展示方法的展示系统,其特征在于:采用B/S结构,系统的升级只需要在服务器端完成,更新软件系统的数据库和/或文件也只需更新服务器端,因而当系统维护时,只需要通过浏览器页面远程登录服务器系统,减少了维护系统的成本和周期。
9.根据权利要求8所述的结合echart和html的动态数据展示方法的展示系统,其特征在于:所述浏览器页面结构包括风险应对成效单元,风险过程监控单元,稽查流程监控单元,决策参考情况单元,典型案例库单元和稽查成果监控单元,所述风险应对成效单元连接风险支持中心。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于山东浪潮商用系统有限公司,未经山东浪潮商用系统有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201910915060.9/1.html,转载请声明来源钻瓜专利网。