项目中的一些小问题以及解决方案（三）

1.最近项目中需要实现组件之间实时通信的功能所以就使用到了eventBus，具体如下

首先引入Subject，它在rxjs中相当于一个比较特殊的Observable，它可以向多个Oberrver多路推送数值，类似于EventEmitter

定义一个eventBus的subject类

在需要发送数据的地方写入：

这里的event.data就是需要发送的数据

在需要的地方引入：

这里的value就是接收到的数据

2.之前项目中遇到一个问题：echarts图表的大小需要根据页面的大小动态更改设置，解决方案有很多种例如通过echarts的resize属性进行设置

myEcharts.resize({ width: this.echartsWraper.clientWidth, height: this.echartsWrape.clientHeight })

这里简单写一下个人使用的一种方案。

首先监听页面大小变化

然后可以根据需要动态设置图表的大小或者按情况写，这里只展示实例

 最后设置完过后手动调用一下echarts设置option的方法，括号里面传的值是你需要重新设置的echarts对象