通过代码实例跟我学百度echart图表控件——百度echart商业级数据图表控件相关的应用技术

《通过代码实例跟我学百度echart图表控件——百度echart商业级数据图表控件相关的应用技术》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、1.1通过代码实例跟我学百度EChart图表控件——在J2EEWeb应用系统中应用EChart图表控件的实例1.1.1常用报表开发工具介绍1、常用的报表技术及工具jFreeChart（http://www.jfree.org/jfreechart/download.html）FusionChart（http://www.fusioncharts.com/）HighChart（http://www.hcharts.cn/）EChart（http://echarts.baidu.com/index.html）2、从不同角度说明这4个报表工具。（1）应用场景在应用场景上，因为jFreeChart

2、是一个封装好的Jar包，所以支持在应用程序客户端使用，也可以在网站上使用。而FusionChart、HighChart、EChart都是用于J2EE平台（说白了就是做网站）的报表呈现，不能在客户端使用。因此，如果不是在网站上使用，而是想在自己的桌面应用程序上呈现报表，那么就只能选择jFreeChart了。（2）实现技术在实现技术上，jFreeChart产生的报表是通过Java的绘图工具进行绘制的，而在网站页面的时候，jFreeChart将其转化成一张图片。而FusionChart是通过JS代码进行编写，最终通过Flash呈现报表，而HighChart、EChart都是通过最新的HTML5技

3、术实现的。（3）资源丰富在实现效果方面，基本上所有的报表工具都能实现基本的柱形图、饼图、曲线图等基本的图形。但是如果要求更高的展现方式，比如通过地图展示，那或许只能通过FusionChart和EChart了。而EChart因为是百度的开源项目，所以地图方面做得还不错，。（4）是否收费jFreeCharts使用免费（也是开源项目），但是API文档和实例是要收费的（囧）。FusionChart基本功能免费，但是有些功能也是需要收费的。HighChart个人用是免费的，商用需要授权收费。Echart是百度的一个开源项目，完全没费。（5）特色功能ECharts可以通过地图呈现更加震撼的效果，而这是

4、其他三个报表根据所没有的一个展示方式。1.1.1百度EChart商业级数据图表控件相关的应用技术1、ECharts（1）缩写来自EnterpriseCharts商业级数据图表（百度的报表控件），一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas类库ZRender（ZlevelRender是一个轻量级的Canvas类库，MVC封装和数据驱动，提供类Dom事件模型，并让canvas绘图功能更加强大），提供直观，生动，可交互，可高度个性化定制的数

5、据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。（2）官方网站http://echarts.baidu.com/index.html2、主要的功能特性支持折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图）、雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表；同时提供标题，详情气泡、图例、值域、数据区域、时间轴、工具箱等7个可交互组件；支持多图表、组件的联动和混搭展现——各种报表混搭，组合，大数据呈现也是很好的。兼容IE8+以上等主流浏览器（需要HTML5的特性—

6、—因为ECharts底层依赖于Html5的轻量级的Canvas类库ZRender）。不依赖其他js类库（如JQuery系统库），模块化加载，需要哪个部分就是用哪个部分。3、与ECharts相关的基本名词解析（1）chart是指一个完整的图表，如折线图，饼图等“基本”图表类型或由基本的图表组合而成的“混搭”图表，可能包括坐标轴、图例等。（2）axis直角坐标系中的一个坐标轴，坐标轴可分为类目型、数值型或时间型。（3）xAxis直角坐标系中的横轴，通常并默认为类目型。（4）yAxis直角坐标系中的纵轴，通常并默认为数值型。（5）grid直角坐标系中除坐标轴外的绘图网格，用于定义直角系整体布局。

7、（6）legend图例，表述数据和图形的关联（7）dataRange值域选择，常用于展现地域数据时选择值域范围（8）dataZoom数据区域缩放，常用于展现大量数据时选择可视范围（9）roamController缩放漫游组件，搭配地图使用（10）toolbox辅助工具箱，辅助功能，如添加标线，框选缩放等（11）tooltip气泡提示框，常用于展现更详细的数据（12）timeline时间轴，常用于展现同一系列数据在时间维度