地图的legend点击事件_ECharts 3.1.7 地图Legend 选中状态问题

//初始option

option = {

"title": {

"text": "",

"subtext": "",

"left": "center",

"textStyle": {

"color": "#fff"

}

},

"tooltip": {

"show": false,

"trigger": "item"

},

"legend": {

"orient": "vertical",

"top": 35,

"left": 5,

"data": [

"123.1.1.10",

"123.1.1.2"

],

"textStyle": {

"color": "#fff"

},

"selectedMode": "single"

},

"geo": {

"map": "world",

"label": {

"emphasis": {

"show": false

}

},

"roam": true,

"itemStyle": {

"normal": {

"areaColor": "#323c48",

"borderColor": "#404a59"

},

"emphasis": {

"areaColor": "#2a333d"

}

}

},

"series": [

{

"name": "123.1.1.10",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 400,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#a6c84c"

}

},

"data": [

{

"name": "",

"value": [

49.8528,

61.2231,

10

],

"ip": "123.1.1.10",

"country": "u7f8eu56fd",

"city": "u5b89u514bu62c9u6cbb",

"lat": 61.2231,

"lng": 49.8528,

"code": "US",

"index": 0,

"level": 10

}

]

},

{

"name": "123.1.1.10",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 200,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#E40045"

}

},

"data": [

{

"name": "",

"value": [

21.7344,

38.2444,

null

],

"ip": "150.140.109.183",

"country": "希腊",

"city": "帕特雷",

"lat": 38.2444,

"lng": 21.7344,

"code": "GR",

"type": "ddos"

}

]

},

{

"name": "123.1.1.10",

"type": "lines",

"zlevel": 300,

"effect": {

"show": true,

"period": 6,

"trailLength": 0.1,

"color": "#fff",

"symbolSize": 3

},

"lineStyle": {

"normal": {

"width": 0,

"trailLength": 0.1,

"curveness": 0.2

}

},

"data": [

[

{

"coord": [

21.7344,

38.2444

]

},

{

"coord": [

49.8528,

61.2231

]

}

]

]

},

{

"name": "123.1.1.2",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 400,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#a6c84c"

}

},

"data": [

{

"name": "",

"value": [

-149.8528,

61.2231,

10

],

"ip": "123.1.1.2",

"country": "美国",

"city": "安克拉治",

"lat": 61.2231,

"lng": -149.8528,

"code": "US",

"index": 1,

"level": 10

}

]

},

{

"name": "123.1.1.2",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 200,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#E40045"

}

},

"data": [

{

"name": "",

"value": [

26,

59,

null

],

"ip": "83.180.115.241",

"country": "爱沙尼亚",

"city": null,

"lat": 59,

"lng": 26,

"code": "EE",

"type": "ddos"

}

]

},

{

"name": "123.1.1.2",

"type": "lines",

"zlevel": 300,

"effect": {

"show": true,

"period": 6,

"trailLength": 0.1,

"color": "#fff",

"symbolSize": 3

},

"lineStyle": {

"normal": {

"width": 0,

"trailLength": 0.1,

"curveness": 0.2

}

},

"data": [

[

{

"coord": [

26,

59

]

},

{

"coord": [

-149.8528,

61.2231

]

}

]

]

}

]

}

//运行期二次option

option = {

"title": {

"text": "",

"subtext": "",

"left": "center",

"textStyle": {

"color": "#fff"

}

},

"tooltip": {

"show": false,

"trigger": "item"

},

"legend": {

"orient": "vertical",

"top": 35,

"left": 5,

"data": [

"123.1.1.10",

"123.1.1.2",

"123.1.1.81"

],

"textStyle": {

"color": "#fff"

},

"selectedMode": "single"

},

"geo": {

"map": "world",

"label": {

"emphasis": {

"show": false

}

},

"roam": true,

"itemStyle": {

"normal": {

"areaColor": "#323c48",

"borderColor": "#404a59"

},

"emphasis": {

"areaColor": "#2a333d"

}

}

},

"series": [

{

"name": "123.1.1.10",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 400,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#a6c84c"

}

},

"data": [

{

"name": "",

"value": [

49.8528,

61.2231,

10

],

"ip": "123.1.1.10",

"country": "u7f8eu56fd",

"city": "u5b89u514bu62c9u6cbb",

"lat": 61.2231,

"lng": 49.8528,

"code": "US",

"index": 0,

"level": 10

}

]

},

{

"name": "123.1.1.10",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 200,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#E40045"

}

},

"data": [

{

"name": "",

"value": [

21.7344,

38.2444,

null

],

"ip": "150.140.109.183",

"country": "希腊",

"city": "帕特雷",

"lat": 38.2444,

"lng": 21.7344,

"code": "GR",

"type": "ddos"

}

]

},

{

"name": "123.1.1.10",

"type": "lines",

"zlevel": 300,

"effect": {

"show": true,

"period": 6,

"trailLength": 0.1,

"color": "#fff",

"symbolSize": 3

},

"lineStyle": {

"normal": {

"width": 0,

"trailLength": 0.1,

"curveness": 0.2

}

},

"data": [

[

{

"coord": [

21.7344,

38.2444

]

},

{

"coord": [

49.8528,

61.2231

]

}

]

]

},

{

"name": "123.1.1.2",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 400,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#a6c84c"

}

},

"data": [

{

"name": "",

"value": [

-149.8528,

61.2231,

10

],

"ip": "123.1.1.2",

"country": "美国",

"city": "安克拉治",

"lat": 61.2231,

"lng": -149.8528,

"code": "US",

"index": 1,

"level": 10

}

]

},

{

"name": "123.1.1.2",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 200,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#E40045"

}

},

"data": [

{

"name": "",

"value": [

26,

59,

null

],

"ip": "83.180.115.241",

"country": "爱沙尼亚",

"city": null,

"lat": 59,

"lng": 26,

"code": "EE",

"type": "ddos"

}

]

},

{

"name": "123.1.1.2",

"type": "lines",

"zlevel": 300,

"effect": {

"show": true,

"period": 6,

"trailLength": 0.1,

"color": "#fff",

"symbolSize": 3

},

"lineStyle": {

"normal": {

"width": 0,

"trailLength": 0.1,

"curveness": 0.2

}

},

"data": [

[

{

"coord": [

26,

59

]

},

{

"coord": [

-149.8528,

61.2231

]

}

]

]

},

{

"name": "123.1.1.81",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 400,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#a6c84c"

}

},

"data": [

{

"name": "",

"value": [

16,

-2,

10

],

"ip": "123.1.1.81",

"country": "日本",

"city": "名古屋市",

"lat": -2,

"lng": 16,

"code": "JP",

"index": 2,

"level": 10

}

]

},

{

"name": "123.1.1.81",

"type": "effectScatter",

"coordinateSystem": "geo",

"legendHoverLink": true,

"zlevel": 200,

"rippleEffect": {

"brushType": "stroke"

},

"label": {

"normal": {

"show": true,

"position": "right",

"formatter": "{b}"

}

},

"itemStyle": {

"normal": {

"color": "#E40045"

}

},

"data": [

{

"name": "",

"value": [

-20,

5,

null

],

"ip": "185.26.6829",

"country": "土耳其",

"city": null,

"lat": 5,

"lng": -20,

"code": "TR",

"type": "ddos"

}

]

},

{

"name": "123.1.1.81",

"type": "lines",

"zlevel": 300,

"effect": {

"show": true,

"period": 6,

"trailLength": 0.1,

"color": "#fff",

"symbolSize": 3

},

"lineStyle": {

"normal": {

"width": 0,

"trailLength": 0.1,

"curveness": 0.2

}

},

"data": [

[

{

"coord": [

-20,

5

]

},

{

"coord": [

16,

-2

]

}

]

]

}

]

}

#### 其他信息 (Other comments)