【echarts】echarts常用方法

全局echarts对象常用方法

  • 初始化方法init
  • 注册主题registerTheme
  • 注册地图registerMap
  • 关联多个图表connect
    • 联动效果(刷新,下载图片等)

echartsInstance对象

  • setOption方法
    • 设置配置项和数据
    • 多次调用(合并新旧配置项,增量动画(<数据push>)
  • resize方法
    • 重新计算和绘制图表
    • 与windows对象的resize结合使用
      window.onresize = function(){
      	myChart.resize()
      }
      
  • on\off方法
    • 绑定或者解绑事件处理函数
    • 鼠标事件(click,dblclick,mousedown,mousemove,mouseup等)
      • 事件参数arg:和事件相关的数据信息
        mychart.on('click',function(arg){
        	console.log(arg)
        })
        
    • Echarts事件(legendselectchanged、‘datazoom’、mapselectchanged)等
      • 事件参数arg:和事件相关的数据信息
        mychart.on('legendselectchanged',function(arg){
        	console.log(arg)
        })
        
  • dispatchAction方法
    • 触发某些行为,模拟用户行为
    • 高亮突出
      mychart.dispatchAction({
      	type:'hightlight',//事件类型
      	seriesIndex:0,//图标索引
      	dataIndex:1//图表中哪一项高亮
      })
      
  • clear方法
    • 清空当前的实例,会移除实例中的图表
    mychart.clear()
    
    • 可以使用setOption重新绘制
  • dispose方法
    • 销毁实例,且销毁后无法再被使用
    mychart.dispose()
    
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值