echarts 关系图 和 热力图的引用

用echarts 在一个页面 实现如下 效果

我实现的效果

文件格式， 如下图

实现上面图片需要的文件

碰到的问题

1. 一个APP的问题 ， 这个好解决

2， cannot read property 'type' of undefined

3， cannot read property 'attributes' of undefined

出现的问题

app 的错误， echarts官方实例中， 热力图和百度地图扩展的那一页代码中的所有的与app 有关的删掉。 

type  和 attribute的 问题的解决方法 是 通过  

四个chart的js 里面的四个

定义四个option 和 定义四个不同的 myChart。

var myChart4  = echarts.init(document.getElementById('chart4'));

得引入百度地图的接口地址， 如下图所示

echart.html

Ok ， 完美解决。 

附上， 代码的地址连接的地址 链接：https://pan.baidu.com/s/1eSvV5L4 密码：m5xa