鼠标拖动地图后tooltip显示不正常echarts 配置项内容和展示
只是用鼠标滚轮缩放地图的时候，tooltip的位置是正常的。 如果使用鼠标左键移动地图，tooltip的位置就会朝相反方向移动相同的距离。 如果用鼠标连续平移地图数次后，有可能tooltip显示范围就超出组件范围了。
配置项如下
option = {
"tooltip": {
"trigger": "item"
},
"series": [{
"name": "流动党员",
"type": "lines",
"coordinateSystem": "bmap",
"zlevel": 1,
"symbol": ["none", "arrow", "line"],
"symbolSize": 10,
"effect": {
"show": true,
"period": 5,
"trailLength": 0.8,
"color": "#fff",
"symbolSize": 4
},
"lineStyle": {
"normal": {
"color": "#ffa022",
"width": 0,
"curveness": 0.2
}
},
"data": [{
"fromName": "鹰潭",
"toName": "福州",
"coords": [
[117.028, 28.27],
[119.3, 26.08]
]
}, {
"fromName": "鹰潭",
"toName": "广州",
"coords": [
[117.028, 28.27],
[113.23, 23.16]
]
}, {
"fromName": "鹰潭",
"toName": "宁波",
"coords": [
[117.028, 28.27],
[121.56, 29.86]
]
}, {
"fromName": "鹰潭",
"toName": "厦门",
"coords": [
[117.028, 28.27],
[118.1, 24.46]
]
}, {
"fromName": "鹰潭",
"toName": "杭州",
"coords": [
[117.028, 28.27],
[120.19, 30.26]
]
}, {
"fromName": "鹰潭",
"toName": "深圳",
"coords": [
[117.028, 28.27],
[114.07, 22.62]
]
}, {
"fromName": "鹰潭",
"toName": "九江",
"coords": [
[117.028, 28.27],
[115.97, 29.71]
]
}, {
"fromName": "鹰潭",
"toName": "泉州",
"coords": [
[117.028, 28.27],
[118.58, 24.93]
]
}, {
"fromName": "鹰潭",
"toName": "温州",
"coords": [
[117.028, 28.27],
[120.65, 28.01]
]
}, {
"fromName": "鹰潭",
"toName": "无锡",
"coords": [
[117.028, 28.27],
[120.29, 31.59]
]
}, {
"fromName": "鹰潭",
"toName": "丽水",
"coords": [
[117.028, 28.27],
[119.92, 28.45]
]
}, {
"fromName": "鹰潭",
"toName": "常州",
"coords": [
[117.028, 28.27],
[119.95, 31.79]
]
}, {
"fromName": "鹰潭",
"toName": "嘉兴",
"coords": [
[117.028, 28.27],
[120.76, 30.77]
]
}, {
"fromName": "鹰潭",
"toName": "郑州",
"coords": [
[117.028, 28.27],
[113.65, 34.76]
]
}, {
"fromName": "鹰潭",
"toName": "台州",
"coords": [
[117.028, 28.27],
[121.420757, 28.656386]
]
}, {
"fromName": "鹰潭",
"toName": "东莞",
"coords": [
[117.028, 28.27],
[113.75, 23.04]
]
}, {
"fromName": "鹰潭",
"toName": "东营",
"coords": [
[117.028, 28.27],
[118.49, 37.46]
]
}, {
"fromName": "鹰潭",
"toName": "桂林",
"coords": [
[117.028, 28.27],
[110.28, 25.29]
]
}, {
"fromName": "鹰潭",
"toName": "德州",
"coords": [
[117.028, 28.27],
[116.29, 37.45]
]
}, {
"fromName": "鹰潭",
"toName": "西宁",
"coords": [
[117.028, 28.27],
[101.74, 36.56]
]
}, {
"fromName": "鹰潭",
"toName": "南昌",
"coords": [
[117.028, 28.27],
[115.89, 28.68]
]
}, {
"fromName": "鹰潭",
"toName": "太原",
"coords": [
[117.028, 28.27],
[112.53, 37.87]
]
}, {
"fromName": "鹰潭",
"toName": "三亚",
"coords": [
[117.028, 28.27],
[109.511909, 18.252847]
]
}, {
"fromName": "鹰潭",
"toName": "攀枝花",
"coords": [
[117.028, 28.27],
[101.718637, 26.582347]
]
}, {
"fromName": "鹰潭",
"toName": "昆明",
"coords": [
[117.028, 28.27],
[102.73, 25.04]
]
}, {
"fromName": "鹰潭",
"toName": "大连",
"coords": [
[117.028, 28.27],
[121.62, 38.92]
]
}, {
"fromName": "鹰潭",
"toName": "海口",
"coords": [
[117.028, 28.27],
[110.35, 20.02]
]
}, {
"fromName": "鹰潭",
"toName": "镇江",
"coords": [
[117.028, 28.27],
[119.44, 32.2]
]
}, {
"fromName": "鹰潭",
"toName": "济宁",
"coords": [
[117.028, 28.27],
[116.59, 35.38]
]
}],
"dataConfig": {
"url": "framework/query.do?search&k=queryLDDYStatic"
}
}, {
"name": "流动党员",
"type": "scatter",
"coordinateSystem": "bmap",
"data": [{
"name": "福州",
"value": [119.3, 26.08, 12]
}, {
"name": "广州",
"value": [113.23, 23.16, 6]
}, {
"name": "宁波",
"value": [121.56, 29.86, 5]
}, {
"name": "厦门",
"value": [118.1, 24.46, 4]
}, {
"name": "杭州",
"value": [120.19, 30.26, 4]
}, {
"name": "深圳",
"value": [114.07, 22.62, 2]
}, {
"name": "九江",
"value": [115.97, 29.71, 2]
}, {
"name": "泉州",
"value": [118.58, 24.93, 2]
}, {
"name": "温州",
"value": [120.65, 28.01, 2]
}, {
"name": "无锡",
"value": [120.29, 31.59, 1]
}, {
"name": "丽水",
"value": [119.92, 28.45, 1]
}, {
"name": "常州",
"value": [119.95, 31.79, 1]
}, {
"name": "嘉兴",
"value": [120.76, 30.77, 1]
}, {
"name": "郑州",
"value": [113.65, 34.76, 1]
}, {
"name": "台州",
"value": [121.420757, 28.656386, 1]
}, {
"name": "东莞",
"value": [113.75, 23.04, 1]
}, {
"name": "东营",
"value": [118.49, 37.46, 1]
}, {
"name": "桂林",
"value": [110.28, 25.29, 1]
}, {
"name": "德州",
"value": [116.29, 37.45, 1]
}, {
"name": "西宁",
"value": [101.74, 36.56, 1]
}, {
"name": "南昌",
"value": [115.89, 28.68, 1]
}, {
"name": "太原",
"value": [112.53, 37.87, 1]
}, {
"name": "三亚",
"value": [109.511909, 18.252847, 1]
}, {
"name": "攀枝花",
"value": [101.718637, 26.582347, 1]
}, {
"name": "昆明",
"value": [102.73, 25.04, 1]
}, {
"name": "大连",
"value": [121.62, 38.92, 1]
}, {
"name": "海口",
"value": [110.35, 20.02, 1]
}, {
"name": "镇江",
"value": [119.44, 32.2, 1]
}, {
"name": "济宁",
"value": [116.59, 35.38, 1]
}],
"label": {
"normal": {
"show": true,
"position": "right",
"formatter": "{b}"
}
},
"itemStyle": {
"normal": {
"color": "#ddb926"
}
},
"dataConfig": {
"url": "framework/query.do?search&k=queryLDDYStatic"
},
"rippleEffect": {
"brushType": "stroke"
},
"tooltip": {
"trigger": "item",
"formatter": "{b0}:<br /> {c} "
}
}, {
"name": " 流动党员",
"type": "lines",
"coordinateSystem": "bmap",
"zlevel": 1,
"symbol": ["none", "arrow", "line"],
"symbolSize": 10,
"effect": {
"show": true,
"period": 6,
"trailLength": 0.7,
"color": "#fff",
"symbolSize": 3
},
"lineStyle": {
"normal": {
"color": "#a6c84c",
"width": 1,
"curveness": 0.2
}
},
"data": [{
"fromName": "鹰潭",
"toName": "福州",
"coords": [
[117.028, 28.27],
[119.3, 26.08]
]
}, {
"fromName": "鹰潭",
"toName": "广州",
"coords": [
[117.028, 28.27],
[113.23, 23.16]
]
}, {
"fromName": "鹰潭",
"toName": "宁波",
"coords": [
[117.028, 28.27],
[121.56, 29.86]
]
}, {
"fromName": "鹰潭",
"toName": "厦门",
"coords": [
[117.028, 28.27],
[118.1, 24.46]
]
}, {
"fromName": "鹰潭",
"toName": "杭州",
"coords": [
[117.028, 28.27],
[120.19, 30.26]
]
}, {
"fromName": "鹰潭",
"toName": "深圳",
"coords": [
[117.028, 28.27],
[114.07, 22.62]
]
}, {
"fromName": "鹰潭",
"toName": "九江",
"coords": [
[117.028, 28.27],
[115.97, 29.71]
]
}, {
"fromName": "鹰潭",
"toName": "泉州",
"coords": [
[117.028, 28.27],
[118.58, 24.93]
]
}, {
"fromName": "鹰潭",
"toName": "温州",
"coords": [
[117.028, 28.27],
[120.65, 28.01]
]
}, {
"fromName": "鹰潭",
"toName": "无锡",
"coords": [
[117.028, 28.27],
[120.29, 31.59]
]
}, {
"fromName": "鹰潭",
"toName": "丽水",
"coords": [
[117.028, 28.27],
[119.92, 28.45]
]
}, {
"fromName": "鹰潭",
"toName": "常州",
"coords": [
[117.028, 28.27],
[119.95, 31.79]
]
}, {
"fromName": "鹰潭",
"toName": "嘉兴",
"coords": [
[117.028, 28.27],
[120.76, 30.77]
]
}, {
"fromName": "鹰潭",
"toName": "郑州",
"coords": [
[117.028, 28.27],
[113.65, 34.76]
]
}, {
"fromName": "鹰潭",
"toName": "台州",
"coords": [
[117.028, 28.27],
[121.420757, 28.656386]
]
}, {
"fromName": "鹰潭",
"toName": "东莞",
"coords": [
[117.028, 28.27],
[113.75, 23.04]
]
}, {
"fromName": "鹰潭",
"toName": "东营",
"coords": [
[117.028, 28.27],
[118.49, 37.46]
]
}, {
"fromName": "鹰潭",
"toName": "桂林",
"coords": [
[117.028, 28.27],
[110.28, 25.29]
]
}, {
"fromName": "鹰潭",
"toName": "德州",
"coords": [
[117.028, 28.27],
[116.29, 37.45]
]
}, {
"fromName": "鹰潭",
"toName": "西宁",
"coords": [
[117.028, 28.27],
[101.74, 36.56]
]
}, {
"fromName": "鹰潭",
"toName": "南昌",
"coords": [
[117.028, 28.27],
[115.89, 28.68]
]
}, {
"fromName": "鹰潭",
"toName": "太原",
"coords": [
[117.028, 28.27],
[112.53, 37.87]
]
}, {
"fromName": "鹰潭",
"toName": "三亚",
"coords": [
[117.028, 28.27],
[109.511909, 18.252847]
]
}, {
"fromName": "鹰潭",
"toName": "攀枝花",
"coords": [
[117.028, 28.27],
[101.718637, 26.582347]
]
}, {
"fromName": "鹰潭",
"toName": "昆明",
"coords": [
[117.028, 28.27],
[102.73, 25.04]
]
}, {
"fromName": "鹰潭",
"toName": "大连",
"coords": [
[117.028, 28.27],
[121.62, 38.92]
]
}, {
"fromName": "鹰潭",
"toName": "海口",
"coords": [
[117.028, 28.27],
[110.35, 20.02]
]
}, {
"fromName": "鹰潭",
"toName": "镇江",
"coords": [
[117.028, 28.27],
[119.44, 32.2]
]
}, {
"fromName": "鹰潭",
"toName": "济宁",
"coords": [
[117.028, 28.27],
[116.59, 35.38]
]
}],
"dataConfig": {
"url": "framework/query.do?search&k=queryLDDYStatic"
}
}],
"backgroundColor": "#044090",
"bmap": {
"center": [104.114129, 37.550339],
"zoom": 5,
"roam": true,
"mapStyle": {
"styleJson": [{
"featureType": "water",
"elementType": "all",
"stylers": {
"color": "#044161"
}
}, {
"featureType": "land",
"elementType": "all",
"stylers": {
"color": "#004981"
}
}, {
"featureType": "boundary",
"elementType": "geometry",
"stylers": {
"color": "#064f85"
}
}, {
"featureType": "railway",
"elementType": "all",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "highway",
"elementType": "geometry",
"stylers": {
"color": "#004981"
}
}, {
"featureType": "highway",
"elementType": "geometry.fill",
"stylers": {
"color": "#005b96",
"lightness": 1
}
}, {
"featureType": "highway",
"elementType": "labels",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "arterial",
"elementType": "geometry",
"stylers": {
"color": "#004981"
}
}, {
"featureType": "arterial",
"elementType": "geometry.fill",
"stylers": {
"color": "#00508b"
}
}, {
"featureType": "poi",
"elementType": "all",
"stylers": {
"visibility": "on"
}
}, {
"featureType": "green",
"elementType": "all",
"stylers": {
"color": "#056197",
"visibility": "off"
}
}, {
"featureType": "subway",
"elementType": "all",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "manmade",
"elementType": "all",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "local",
"elementType": "all",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "arterial",
"elementType": "labels",
"stylers": {
"visibility": "off"
}
}, {
"featureType": "boundary",
"elementType": "geometry.fill",
"stylers": {
"color": "#029fd4"
}
}, {
"featureType": "building",
"elementType": "all",
"stylers": {
"color": "#1a5787"
}
}, {
"featureType": "label",
"elementType": "all",
"stylers": {
"visibility": "off",
"color": "#ff6600",
"size": "15px"
}
}]
}
}
}
截图如下
