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 协议 ,转载请注明出处!