Echarts

Echarts简单介绍1.ECharts，一个纯Javascript的图表库，依赖轻量级的Canvas类库ZRender。2.兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），也可以运行在移动设备上。3.它提供了折线图、柱状图、饼图、散点图、地图、雷达图、K线图、箱线图、热力图、关系图、矩形树图、平行坐标、桑基图、漏斗图、仪表盘15中图表。ECharts(EnterpriseCharts商业产品图表库)ECharts提供的图表（共9类14种）支持任意混搭：混搭情况下一个标准图表：包含唯一图例、工具箱、数据区域缩放、值域漫游模块，一个直角坐标系混搭拖拽重计算允许用户对统计数据进行有效的提取、整合，甚至在多个图表间交换数据，赋予了用户对数据进行挖掘、整合的能力。数据视图动态类型切换图例开关提供了方便快捷的多维度图例开关，可以随时切换到你所关心的数据系列。数据区域选择数据可以是无限的，但显示空间总是有限的，数据区域选择组件提供了大数据量中漫游的能力，让用户选择并呈现他所关心的数据区域。值域漫游基于坐标的图表（如地图、散点图）通过色彩变化表现数值的大小能直观形象的展示数据分布。炫光特效ECharts发明了基于像素的大规模散点图（专利），一个900x400的散点区域就能够毫不重复的呈现36万组数据，这对于常规的应用，用现代浏览器就足以轻松展现百万级的散点数据大规模散点图动态数据添加标线辅助支持多系列，多维度的数据堆积，配合自动伸缩的图形实体和直角坐标系多维度堆积地图类型支持world，china及全国34个省市自治区。同时支持子区域模式，通过主地图类型扩展出所包含的子区域地图，轻易输出全球176个国家地区和全国600多个省市区域简图。子区域地图模式及GeoJson地图扩展添加额为的标注内容是常用的功能，如地图上标注某些特定位置，折线图上标注极值点或者柱形图里标线出变化趋势标注&标线可以捕获的用户交互和数据变化事件实现图表与外界的联动事件交互Echarts下载方式•Echarts有三种下载方式。•（1）.第一种普通下载。•（这种方式下载下来的Echarts图表库所有内容都放在一个.js后缀名的文件里面）•（2）第二种是Echart在线构建下载。•（这种方式下载下来的Echarts图表库所有内容都放在一个.js后缀名的文件里面）•选择图表。•（3）第三种是模块化源码下载。•每个组件都是一个.js后缀名的文件。•需要下载Echarts库源码以及一个canvas类库源码。•Echarts库根目录。Canvas类库zrender根目录。Echarts引用方式•Echarts有两种引用方式。•（1）第一种普通标签引用。•（第一种和第二种下载方式应用）首先要引用下载好的Echarts库。然后需要准备一个有固定宽高的dom容器在然后初始化echarts获取dom容器的ID（2）第二种模块化引用。require(['echarts',引入Echarts主模块'echarts/chart/gauge',引入仪表盘图'echarts/component/title',引入标题组件'echarts/component/tooltip'引入提示框组件'echarts/component/legend',引入图例组件]）,•配置图表所需要的内容。•显示图表。•完成以上代码配置，然后最简单的一个柱状图就配置完成了。•所有的Josn组件都可以用属性show:true/false来显示隐藏，默认情况下是显示的，如果不需要这个组件可以隐藏。•Title：标题组件，包含了主标题和副标题。•Legend：图例组件。•Tooltip：提示框组件。•xAxis：坐标系X轴。•yAxis：坐标系Y轴。•Series：系列列表。最重要的通过type显示图表的类型。