全局echarts对象的常用方法

407 阅读1分钟

init方法

  • 初始化Echarts实例对象
  • 使用主题

registerTheme方法

  • 注册主题
  • 只有注册过的主题,才能在init方法中使用该主题

registerMap方法

  • 注册地图数据
$.get('json/map/china.json',function(chinaJson){
    echarts.registerMap('china',chinaJson)
})
  • geo组件使用地图数据
var option = {
   geo:{
     type:'map',
     map:'china'
   }
}

connect方法

  • 一个页面可以有多个独立的图表
  • 每一个图表对应一个echarts实例对象
  • connect可以实现多图关联,传入联动目标为echarts实例对象,支持数组。 (1) 保存图片的自动拼接 (2) 刷新按钮 (3) 重置按钮 (4) 提示框联动、图例选择、数据范围修改等...

echartsInstance对象

setOption方法

  • 设置或修改图表实例的配置项以及数据
  • 多次调用setOption方法

合并新的配置和旧的配置,增量动画

resize方法

  • 重新计算和绘制图表
  • 一般和window对象的resize事件结合使用
  window.onresize = function(){
    myCharts.resize()
  }

on/off方法

  • 绑定或者解绑事件处理函数
  • 鼠标事件

常见事件:'click','dblclick','mousedown','mousemove','mouseup'等,事件参数arg:和事件相关的数据信息

  • Echarts事件

常见事件:legendSelectchanged,'datazoom','pieselectchanged','mapselectchanged'等,事件参数arg:和事件相关的数据信息

dispatchAction方法

  • 触发某些行为
  • 使用代码模拟用户的行为
 mCharts.dispatchAction({
    type:'highlight', //事件类型
    seriesIndex:0,  //图表索引
    dataIndex:1     //图表中哪一项高亮
 })

clear方法

  • 清空当前实例,会移除实例中所有的组件和图表
  • 清空之后可以再次setOption

dispose方法

  • 销毁实例
  • 销毁后实例无法再被使用