修改

Author: githyw

README.md

@@ -1,9 +1,19 @@
-##使用教程
+<数据可视化>
 
+##操作说明
 
+克隆： git clone https://github.com/githyw/vision.git
 
-1.npm install 
+1.cd vision
 
-2.cd vision
+2.npm install
 
 3.npm run serve
+
+#采用的技术
+
+1.使用Cli4搭建的Vue2项目，地图(map)是用aixos获取的数据接口， 其他数据使用的是后台websocket推送到前端的
+
+2.结合了Echarts使数据渲染出图形来
+
+3.可实现多个客户端连接的效果， 比如：A客户端和B客户端同时在线，A客户端查看某个图形大小，B客户端中的图形也跟着改变大小

src/views/Map/Map.vue

@@ -40,7 +40,7 @@
     methods:{
       async initChart(){
         this.chartInstance = this.$echarts.init(this.$refs.map_ref,this.theme)
-        const ret = await axios.get('http://localhost:1314/map/china.json')
+        const ret = await axios.get('http://42.192.16.209//map/china.json')
         this.$echarts.registerMap('china',ret.data)
         const initOption = {
           title:{
@@ -68,7 +68,7 @@
         this.chartInstance.on('click',async arg =>{
           const provinceInfo = getProvinceMapInfo(arg.name)
           if(!this.dataMap[provinceInfo.key]){
-            const ret = await axios.get('http://localhost:1314/' + provinceInfo.path)
+            const ret = await axios.get('http://42.192.16.209/' + provinceInfo.path)
             this.dataMap[provinceInfo.key] = ret.data
             this.$echarts.registerMap(provinceInfo.key,ret.data)
           }