最近的项目中有一个功能点,要求对各种指标数据通过图表的方式展示出来,前段的展示涉及到浏览器,IOS和ANDROID平台。翻看了网上关于图表的相关资料,结合项目的实际情况,得到了两种解决方案:
1.在后台Java服务端根据数据生成图表形式的。
2.后台服务提供需要展示的数据,前台分别使用图表框架进行展示。
经过技术验证,这两种情况分别可以使用的现成框框架有:
1.后台生成图片,使用jfreechart.jar来生成对应的图标图片。jfreechart的官方网站是:http://www.jfree.org/jfreechart/,可以在此下载最新的版本。jfreechart采用LGPL协议,可以在第三方开发中使用,并且不需要开源。
jfreechart的用法很简单,最基本的用法如下:
DefaultPieDataset dataset = new DefaultPieDataset();
dataset.setValue("Category 1", 43.2);
dataset.setValue("Category 2", 27.9);
dataset.setValue("Category 3", 79.5);
JFreeChart chart = ChartFactory.createPieChart(null, dataset, false, false, false);
可以使用提供的ChartUtilities工具类,把结果保存为具体的图片,也可以通过流的形式输出。
2.针对前台使用数据直接生成图表的解决方式,针对不同终端,解决方案分别为:
浏览器:Highcharts,Highstock
IOS:Core Plot
android:Achartengine
这里重点介绍一些Highcharts,Highstock。这两个产品是同一家公司的,官网网址:http://www.highcharts.com/。产品可免费使用,可自行修改。采用纯JS的方式实现,在支持svg和vml方式来实现画图,支持ie6+的浏览器,其他浏览器的主要版本。
jfreechart和highcharts两种方案的对比:
jfreechart采用服务端生成图片,客户端只是做图片的显示,可以减少展现层对数据生成图片的逻辑处理,各展现层的展示效果一致。缺点就是如果数据有修改,比如通过服务端重新生成图片。
highcharts是浏览器上支持很好的图表插件,图表的生成过程具有动画效果,使用highcharts插件,可以满足常见的图表生成,通过highstock可以做到类似股票一样的展示效果。
分享到:
相关推荐
Charts Tool是一款基于web开发的图表工具,现在主要通过sketch插件的形式展示,方便UED的同学快速设计图表UI,同时前端同学可以获取图表对应的组件代码,大大减少开发时间,提高工作效率。
向读者展示如何使用Java Applet、Java Servlet、Java Server Pages(JSP)、JavaBean以及开放源代码的Web图表生成引擎——JFreeChart和Cewolf来开发奇妙的Web动态图表应用程序——以一种跨平台、小巧、结构清晰的...
该资源为WEB前端纯html代码,可以用于学习及二次开发。包括日常开发用到的各类控件及展示图表,良心资源。
17.项目1-地区销售额-HighCharts图表开发一及Web端架构设计 18.项目1-地区销售额-HTTP长链接实现实时推送 19.项目1-地区销售额-HighCharts图表开发二及jquery运用 20.项目1-地区销售额-Web端完善和细节优化 21.项目1...
继续发: 本书向读者展示如何使用Java Applet、Java Servlet、Java Server Pages(JSP)、JavaBean以及开放源代码的Web图表生成引擎——JFreeChart和Cewolf来开发奇妙的Web动态图表应用程序——以一种跨平台、小巧...
本书向读者展示如何使用Java Applet、Java Servlet、Java Server Pages(JSP)、JavaBean以及开放源代码的Web图表生成引擎——JFreeChart和Cewolf来开发奇妙的Web动态图表应用程序——以一种跨平台、小巧、结构清晰...
整个Web开发框架,界面部分采用较新的技术,包括MVC4,最新版本的EasyUI,以及以及Uploadify文件上传组件、LODOP打印组件、CKEditor富文本编辑控件、Tags-Input标签录入控件、HighCharts图表展示控件、Word/Excel...
《精通Java Web动态图表编程》向读者展示如何使用Java Applet、Java Servlet、Java Server Pages(JSP)、JavaBean以及开放源代码的Web图表生成引擎——JFreeChart和Cewolf来开发奇妙的Web动态图表应用程序——以一...
本书向读者展示如何使用Java Applet、Java Servlet、Java Server Pages(JSP)、JavaBean以及开放源代码的Web图表生成引擎——JFreeChart和Cewolf来开发奇妙的Web动态图表应用程序——以一种跨平台、小巧、结构清晰...
本书向读者展示如何使用Java Applet、Java Servlet、Java Server Pages(JSP)、JavaBean以及开放源代码的Web图表生成引擎——JFreeChart和Cewolf来开发奇妙的Web动态图表应用程序——以一种跨平台、小巧、结构清晰...
本书向读者展示如何使用Java Applet、Java Servlet、Java Server Pages(JSP)、JavaBean以及开放源代码的Web图表生成引擎——JFreeChart和Cewolf来开发奇妙的Web动态图表应用程序——以一种跨平台、小巧、结构清晰...
本书向读者展示如何使用Java Applet、Java Servlet、Java Server Pages(JSP)、JavaBean以及开放源代码的Web图表生成引擎——JFreeChart和Cewolf来开发奇妙的Web动态图表应用程序——以一种跨平台、小巧、结构清晰...
项目概述:本项目采用Python语言开发,基于Django 4.0框架和Bootstrap 5前端技术,实现了一套完整的增删改查功能,并集成了Echarts图表展示。项目共包含6678个文件,其中主要包括svg图像资源文件3338个,JavaScript...
17.项目1-地区销售额-HighCharts图表开发一及Web端架构设计 18.项目1-地区销售额-HTTP长链接实现实时推送 19.项目1-地区销售额-HighCharts图表开发二及jquery运用 20.项目1-地区销售额-Web端完善和细节优化 21.项目1...
17.项目1-地区销售额-HighCharts图表开发一及Web端架构设计 18.项目1-地区销售额-HTTP长链接实现实时推送 19.项目1-地区销售额-HighCharts图表开发二及jquery运用 20.项目1-地区销售额-Web端完善和细节优化 21.项目1...
17.项目1-地区销售额-HighCharts图表开发一及Web端架构设计 18.项目1-地区销售额-HTTP长链接实现实时推送 19.项目1-地区销售额-HighCharts图表开发二及jquery运用 20.项目1-地区销售额-Web端完善和细节优化 21.项目1...
使用Echarts+layui+html 开发数据统计图表,demo中统计的数据是深圳市旅游景点分析统计,内有深圳地图统计,饼图统计,柱状图统计,漏斗图统计,玫瑰饼图统计等图形展示
17.项目1-地区销售额-HighCharts图表开发一及Web端架构设计 18.项目1-地区销售额-HTTP长链接实现实时推送 19.项目1-地区销售额-HighCharts图表开发二及jquery运用 20.项目1-地区销售额-Web端完善和细节优化 21.项目1...
适合web开发各种图形,包括各种立体图,结合数据的展示,很形象
适用范围:PC端,前端页面展示 适用软件: H-builder 、VSCode、WebStrom、HbuilderX等前端开发软件 文件类型: .html web前后端Bootstrap框架演示地址:...