echart的对象

echart 的对象

echarts 全局对象

init 方法:

初始化 ECharts 实例对象,使用主题

registerTheme 方法

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

registerMap 方法

**   ** 注册地图数据

geo 组件使用地图数据

connect 方法

一个页面中可以有多个独立的图表

可以关联多个图表,下载图表时,会把关联的图表拼接起来下载。


**echartsInstance 对象  ** echarts 的实例对象

setOption()

  • setOption 可以设置多次
  • 新的 option 和 旧的 option
  • 新旧 option 的关系并不是相互覆盖的关系,是相互整合的关系
  • 我们在设置新的 option 的时候。只要考虑到变化的部分就可以了
  • 多次调用 setOption 方法 可以合并新的配置和旧的配置,也可以是实现增量动画

resize()

**   **** **一般多用于自适应

**    此方法只是自适应图表,label、legend、title、fontSize 等需要自己来设置**

**    **

  • 字体自适应推荐:自适应都可以使用这个、  某些特殊符号字体   可在此变量上   进行其它比例计算

 const tiltleFontSize = this.$refs.trend_ref.offsetWidth / 100 * 3.6


》》封装后的屏幕适配方法 组件化后,需要注意:

// 由于图表绘制很烧性能 屏幕适配方法不能立即执行。

** // 下一次组件更新完成后(nextTick 中) 才调用 屏幕适配方法**

on\off 方法

绑定或解绑事件处理函数

鼠标事件 (click-dbclick-mousedown-mousemove-mouseup)

事件参数 arg:

**ECharts 事件  **

**    –当 lengend 改变时触发的事件**

**    **

dispatchAction 方法

触发某些行为

使用代码模拟用户的行为

clear 方法

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

dispose 方法

  • 销毁实例
  • 销毁之后实例无法再次被使用
  • vue 以及小程序项目中 页面切换 必须要销毁之前的 echarts 实例。不然非常卡性能

本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!