本文介绍了如何将ECharts、百度地图和HT for Web结合，创建一个空气质量报告式的报表+拓扑图应用。通过在百度地图上覆盖GraphView拓扑图组件，实现地图与拓扑图的交互，同时利用ECharts创建右下角的图表组件。文章详细阐述了结合过程、事件监听和交互实现，帮助读者理解如何在实际项目中实现类似功能。
前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用，后来在ECharts的Demo中看到了有关空气质量的相关报表应用，就想将百度地图、ECharts和HT for Web三者结合起来也做一个类似空气质量报告的报表+拓扑图应用，于是有了下面的Demo：http://www.hightopo.com/demo/blog_baidu_20150928/ht-baidu.html
在这个Demo中，将GraphView拓扑图组件添加到百度地图组件中，覆盖在百度地图组件之上，并且在百度地图组件上和GraphView拓扑图组件上分别添加事件监听，相互同步经纬度和屏幕位置信息，从而来控制拓扑图上的组件位置固定在地图上，并在节点和节点之间的连线上加上了流动属性。右下角的图标框是采用HT for Web的Panel面板组件结合ECharts图表组件完成的。
接下来我们来看看具体的代码实现：
1.
最低0.47元/天 解锁文章
4901
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
