- 使用
npm install安装依赖包 - 执行 npm run dev
- 用 localhost 打开 dist 目录下 index.html文件
-
思路
把
echarts作为子组件, 外面嵌套一层vue;使用
vue绑定option, 使用watch方法对齐deep监视. 调用myChart.setOption()方法更新视图;在
mounted初始化echarts, 利用父子组件通信, 传递option, 在子组件中watch监视opton更新视图; -
OD 数据假定 20 条, 放在 /src/static/config/constant.js 里面;
-
拥挤色判断也是假定数据;
-
地图是使用 百度地图 作为地图, echarts 官方网站现在不提供下载;
-
效果参考网络上的人口迁徙图;
-
坐标系是百度坐标;
├─src │ ├─static │ │ ├─images │ │ ├─js │ │ │ ├─lib │ │ │ └─charts │ │ ├─css │ │ │ └─charts │ │ └─config │ ├─view │ └─asset │ └─echarts │ ├─theme │ ├─js │ └─json ├─test ├─doc └─dist
├─js └─css