ECharts图表的实例化方法有点类似于Highcharts图表的实例化方法。它们都为其对象提供了一个选项。option的结构和json一样，只是有些属性少了双引号。就这样。查看ECharts图表实例化的API，主要有几种相关的实例化方法：1.setOption(Objectoption,{boolean=true}notMerge)参数：1)、Object类型的参数option，表示图表数据结构，这样as:1.varoption={title:{text:"MyfirstEChartschartexample"},tooltip:{trigger:'axis'}};2)、booleannotMerge，表示是否合并选项。默认为false，可以不设置。说明：通用接口，配置chart实例的任何可配置选项（详见option），option选项在多次调用时默认合并，如果不需要，可以通过设置notMerger参数防止与最后一个option合并为真。2.getOption()说明：返回内部保存的当前显示的optionclone3.setSeries(Arrayseries,{boolean=}notMerge)参数：1)、Array类型series序列数据，如：01.varArrayseriesList=newArray();03.varseriesObj=newseriesObj();04.seriesObj.name="蒸发";05.seriesObj.type="线";06.seriesObj.data=[2.0,4.9,7.0,23.2,25.6,76.7,135.6,162.2,32.6,20.0,6.4,3.3];08.//setseries09.myChart.setSeries(seriesList,false);2)、booleannotMerge表示是否合并系列，默认为false，可以不设置。说明：数据接口，驱动图表生成的数据内容，效果相当于调用setOption({series:{...}})4.getSeries()说明：返回内部持有的当前显示系列的克隆，效果同returngetOption().series5,addData(....)参数：1),单组数据参数11),{number}seriesIdx：表示向哪个系列添加数据，系列下标从0开始；12),{数字|对象}数据；13),{boolean=}isHead;14),{boolean=}数据增长；15),{string=}additionData;2)、多组数据参数其实是多组单组数据组成的集合或数组{Array}params说明：动态数据接口seriesIdx系列索引数据增加数据isHead是否在队头加入，默认，如果不加入指定或false，插入dataGrow为队列尾部是否增加数据队列长度，默认，如果不指定或false，移出目标数组对齐DataadditionData是否添加分类轴（饼图图例）data，追加操作同isHead和dataGrow。添加多组数据时，参数为：params==[[seriesIdx,data,isHead,dataGrow,additionData],[...]]]6。on(stringeventName,functioneventListner)说明：事件绑定，支持的事件包括：REFRESH,RESTORE,CLICK,HOVER,DATA_CHANGED,MAGIC_TYPE_CHANGED,DATA_VIEW_CHANGED,DATA_ZOOM,DATA_RANGE,LEGEND_SELECTED,MAP_SELECTED示例代码如下：1.//ECharts图表点击事件监听器2.myChart.on("click",function(){alert("Youclickedme!");4.});7.un(stringeventName,functioneventListner)描述：释放一个事件的绑定，示例代码如下：1.myChart.un("click",function(){alert("sadDrama，你把我注销了！”);3.});8.showLoading(ObjectloadingOption)描述：转场控制（详见loadingOption），显示加载（读取）代码片段如：01.//chartdisplayPromptmessage02.myChart.showLoading({text:"图表数据正在尝试加载...",x:"center",y:"center",textStyle:{color:"red",fontSize:14},effect:"spin"11.});注：9.hideLoading()描述：隐藏图表数据加载过多的提示信息，示例代码：1.myChart.hideLoading();10.getZrender()描述：获取ZRender实例当前图表使用，可用于添加额外图形或进行深度定制，zrender接口见ZRender示例代码如下：1.nyChart.getZrender();11.getDataURL(stringimgType)说明：获取当前图表的Base64图片dataURL，imgType图片类型，支持png|jpeg，默认为png示例代码如下：1.varimgUrl=myChart.getDataURL("png");12.getImage(stringimgType)说明：获取当前图表的img，imgType图片类型，支持png|jpeg，默认为png，示例代码片段：1.//前端导出图表图片2.varimgObj=myChart.getImage("jpeg");主要目的是获取一个图片对象，然后获取其outerHTML属性为图表图片13.resize()说明：ECharts未绑定resize事件，在不知情的情况下内部改变显示区域大小.用户可以根据自己的需要绑定自己关心的事件，主动调用resize实现区域更新的效果。1.myChart.resize();14.Refresh()说明：刷新图表、图例选择、数据区缩放、拖放状态。1.myChart.refresh();15、restore()说明：恢复图表，所有状态清空，恢复到最初显示时的状态。16、clear()说明：清空绘图内容，清空后实例可以使用，因为不是为了释放实例的资源，我们需要dispose()1.myChart.clear();17、dispose()说明：释放图表实例，release实例不再可用。1.myChart.dispose();目前ECharts图表实例化主要包括目前17个相关方法，不保证后期会有补充节奏。现在，这17个方法就足够了。注意：1、使用以上方法的前提是获取ECharts初始化对象后再进行操作，否则会报错。
