用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'));
得引入百度地图的接口地址, 如下图所示

Ok , 完美解决。
附上, 代码的地址连接的地址 链接:https://pan.baidu.com/s/1eSvV5L4 密码:m5xa
网友评论