我是靠谱客的博主 现代康乃馨,这篇文章主要介绍【echarts】echarts常用方法全局echarts对象常用方法echartsInstance对象,现在分享给大家,希望可以做个参考。

全局echarts对象常用方法

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

echartsInstance对象

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

最后

以上就是现代康乃馨最近收集整理的关于【echarts】echarts常用方法全局echarts对象常用方法echartsInstance对象的全部内容,更多相关【echarts】echarts常用方法全局echarts对象常用方法echartsInstance对象内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(56)

评论列表共有 0 条评论

立即
投稿
返回
顶部