百度echarts的初始化、销毁

1. on(string eventName,function eventListner)

描述：事件绑定，支持事件有：REFRESH，RESTORE，CLICK，HOVER，DATA_CHANGED，MAGIC_TYPE_CHANGED，DATA_VIEW_CHANGED，DATA_ZOOM，DATA_RANGE，LEGEND_SELECTED，MAP_SELECTED

示例代码：

//ECharts图表的click事件监听
myChart.on("click", function () {

    alert("点击");

});

2. un(string eventName,function eventListner)

描述：解除某个事件的绑定，

示例代码：

myChart.un("click", function () {
        alert("注销");
});

3. showLoading(Object loadingOption)
 

描述：过渡控制（详见loadingOption），显示loading（读取中）代码片段形如：

myChart.showLoading({
   text: "图表数据正在努力加载...",
    x: "center",
   y: "center",
   textStyle: {
        color:"red",
        fontSize:14
   },
   effect:"spin"
});

4. hideLoading()

描述：隐藏图表数据加载过度提示信息，示例代码：

myChart.hideLoading();

5. getZrender()

描述：获取当前图表所用ZRender实例，可用于添加额外图形或进行深度定制，zrender接口详见ZRender 示例代码如下所示：

myChart.getZrender();

6. getDataURL(string imgType)

描述：获取当前图表的Base64图片dataURL，imgType 图片类型，支持png|jpeg，默认为png

示例代码如下所示：

var imgUrl = myChart.getDataURL("png");

7. getImage(string imgType)

描述：获取一个当前图表的img，imgType 图片类型，支持png|jpeg，默认为png，示例代码片段：

//前端导出图表图片
var imgObj = myChart.getImage("jpeg");
//主要是拿到一个图片对象，然后获取其outerHTML属性就是一个图表image的html完整标签，我们可以使用其直接显示在页面上

8. resize()

描述： ECharts没有绑定resize事件，显示区域大小发生改变内部并不知道，

使用方可以根据自己的需求绑定关心的事件，主动调用resize达到区域更新的效果。

myChart.resize();

9. refresh()

描述： 刷新图表，图例选择、数据区域缩放，拖拽状态均保持。

myChart.refresh();

10.  restore()

描述：还原图表，各种状态均被清除，还原为最初展现时的状态。

11. clear()

描述：清空绘画内容，清空后实例可用，因为并非释放示例的资源，释放资源我们需要dispose()

12. dispose()

描述：释放图表实例，释放后实例不再可用。

myChart.restore();

myChart.clear();

myChart.dispose();