添加接口

datav/js/chartMap.js

@@ -9,12 +9,18 @@ option8 = {
             color: '#fff'
         }
     },
+    tooltip: {
+        trigger: 'item',
+        formatter: function (params) {
+            return params.name;
+        }
+    },
     legend: {
         show: false,
         orient: 'vertical',
         top: 'bottom',
         left: 'right',
-        data: ['地点', '线路'],
+        data: [],
         textStyle: {
             color: '#fff'
         }
@@ -38,7 +44,7 @@ option8 = {
         }
     },
     series: [{
-        name: '地点',
+        name: '仓库',
         type: 'effectScatter',
         coordinateSystem: 'geo',
         zlevel: 2,
@@ -52,14 +58,14 @@ option8 = {
                 formatter: '{b}'
             }
         },
-        symbolSize: 2,
+        symbolSize: 5,
         showEffectOn: 'render',
         itemStyle: {
             normal: {
                 color: '#46bee9'
             }
         },
-        data: allData.citys
+        data: [] // 仓库数据
     }, {
         name: '线路',
         type: 'lines',
@@ -69,22 +75,68 @@ option8 = {
         effect: {
             show: true,
             constantSpeed: 30,
-            symbol: 'pin',
-            symbolSize: 3,
+            symbol: 'arrow',
+            symbolSize: 6,
             trailLength: 0,
         },
         lineStyle: {
             normal: {
                 color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-                        offset: 0, color: '#58B3CC'
-                    }, {
-                        offset: 1, color: '#F58158'
-                    }], false),
-                width: 1,
-                opacity: 0.2,
-                curveness: 0.1
+                    offset: 0,
+                    color: '#58B3CC'
+                }, {
+                    offset: 1,
+                    color: '#F58158'
+                }], false),
+                width: 2,
+                opacity: 0.6,
+                curveness: 0.2
             }
         },
-        data: allData.moveLines
+        data: [] // 清空数据
+    }, {
+        name: '屠宰场',
+        type: 'effectScatter',
+        coordinateSystem: 'geo',
+        zlevel: 2,
+        rippleEffect: {
+            brushType: 'stroke'
+        },
+        label: {
+            emphasis: {
+                show: true,
+                position: 'right',
+                formatter: '{b}'
+            }
+        },
+        symbolSize: 5,
+        showEffectOn: 'render',
+        itemStyle: {
+            normal: {
+                color: '#F58158'
+            }
+        },
+        data: [] // 屠宰场数据
+    }, {
+        name: '运单地点',
+        type: 'scatter',
+        coordinateSystem: 'geo',
+        zlevel: 2,
+        label: {
+            normal: {
+                show: false
+            },
+            emphasis: {
+                show: false
+            }
+        },
+        symbol: 'circle',
+        symbolSize: 5,
+        itemStyle: {
+            normal: {
+                color: '#fff'
+            }
+        },
+        data: [] // 运单起终点数据
     }]
 };