渲染效果:
主体代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="https://assets.**.org/assets/echarts.min.js"></script>
<script type="text/javascript" src="https://assets.**.org/assets/maps/china.js"></script>
</head>
<body>
<div id="4327128b5c1c4dd0818af3dfde45e108" class="chart-container" style="width:900px; height:600px;"></div>
<script>
var chart_4327128b5c1c4dd0818af3dfde45e108 = echarts.init(
document.getElementById('4327128b5c1c4dd0818af3dfde45e108'), 'dark', {
renderer: 'canvas'});
var option_4327128b5c1c4dd0818af3dfde45e108 = {
"baseOption": {
"series": [
{
"type": "effectScatter",
"coordinateSystem": "geo",
"showEffectOn": "render",
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 3,
"period": 5,
"color": "#0f0"
},
"symbolSize": 12,
"data": [
{
"name": "\u62c9\u8428",
"value": [
91.11,
29.97,
68
]
},
{
"name": "\u5e7f\u5dde",
"value": [
113.23,
23.16,
93
]
},
{
"name": "\u9f50\u9f50\u54c8\u5c14",
"value": [
123.97,
47.33,
63
]
},
{
"name": "\u9752\u5c9b",
"value": [
120.33,
36.07,
52
]
},
{
"name": "\u4e0a\u6d77",
"value": [
121.473701,
31.230416,
51
]
},
{
"name": "\u5317\u4eac",
"value": [
116.407526,
39.90403,
93
]
},
{
"name": "\u897f\u5b89",
"value": [
108.95,
34.27,
87
]
},
{
"name": "\u4e4c\u9c81\u6728\u9f50",
"value": [
87.68,
43.77,
41
]
},
{
"name": "\u547c\u548c\u6d69\u7279",
"value": [
111.65,
40.82,
77
]
},
{
"name": "\u6c88\u9633",
"value": [
123.38,
41.8,
56
]
},
{
"name": "\u8fbd\u5b81",
"value": [
123.42944,
41.835441,
96
]
},
{
"name": "\u897f\u5b81",
"value": [
101.74,
36.56,
59
]
},
{
"name": "\u6b66\u6c49",
"value": [
114.31,
30.52,
68
]
},
{
"name": "\u798f\u5dde",
"value": [
119.3,
26.08,
95
]
},
{
"name": "\u90d1\u5dde",
"value": [
113.65,
34.76,
56
]
},
{
"name": "\u8861\u6c34",
"value": [
115.72,
37.72,
29
]
},
{
"name": "\u94f6\u5ddd",
"value": [
106.27,
38.47,
22
]
},
{
"name": "\u5408\u80a5",
"value": [
117.27,
31.86,
65
]
},
{
"name": "\u6d77\u53e3",
"value": [
110.35,
20.02,
24
]
},
{
"name": "\u6d77\u53e3",
"value": [
110.35,
20.02,
14
]
},
{
"name": "\u53f0\u5317",
"value": [
121.3,
25.03,
83
]
},
{
"name": "\u6606\u660e",
"value": [
102.73,
25.04,
97
]
},
{
"name": "\u5357\u5b81",
"value": [
108.33,
22.84,
10
]
}
],
"label": {
"show": true,
"position": "right",
"color": "#0f0",
"margin": 8,
"fontSize": 13,
"formatter": "{b}",
"borderWidth": 2.0
}
},
{
"type": "lines",
"name": "geo",
"coordinateSystem": "geo",
"zlevel": 3,
"progressive": 400,
"progressiveThreshold": 3000,
"effect": {
"show": true,
"brushType": "stroke",
"scale": 2.5,
"period": 4,
"color": "#0f0",
"symbol": "path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z",
"symbolSize": 20,
"trailLength": 0.0
},
"symbol": [
"none",
"arrow"
],
"polyline": false,
"large": false,
"largeThreshold": 2000,
"symbolSize": 10,
"data": [
{
"name": "\u62c9\u8428->\u5e7f\u5dde",
"coords": [
[
91.11,
29.97
],
[
113.23,
23.16
]
]
},
{
"name": "\u62c9\u8428->\u9f50\u9f50\u54c8\u5c14",
"coords": [
[
91.11,
29.97
],
[
123.97,
47.33
]
]
},
{
"name": "\u62c9\u8428->\u9752\u5c9b",
"coords": [
[
91.11,
29.97
],
[
120.33,
36.07
]
]
},
{
"name": "\u62c9\u8428->\u4e0a\u6d77",
"coords": [
[
91.11,
29.97
],
[
121.473701,
31.230416
]
]
},
{
"name": "\u62c9\u8428->\u5317\u4eac",
"coords": [
[
91.11,
29.97
],
[
116.407526,
39.90403
]
]
},
{
"name": "\u62c9\u8428->\u897f\u5b89",
"coords": [
[
91.11,
29.97
],
[
108.95,
34.27
]
]
},
{
"name": "\u62c9\u8428->\u4e4c\u9c81\u6728\u9f50",
"coords": [
[
91.11,
29.97
],
[
87.68,
43.77
]
]
},
{
"name": "\u62c9\u8428->\u547c\u548c\u6d69\u7279",
"coords": [
[
91.11,
29.97
],
[
111.65,
40.82
]
]
},
{
"name": "\u62c9\u8428->\u6c88\u9633",
"coords": [
[
91.11,
29.97
],
[
123.38,
41.8
]
]
},
{
"name": "\u62c9\u8428->\u8fbd\u5b81",
"coords": [
[
91.11,
29.97
],
[
123.42944,
41.835441
]
]
},
{
"name": "\u62c9\u8428->\u897f\u5b81",
"coords": [
[
91.11,
29.97
],
[
101.74,
36.56
]
]
},
{
"name": "\u62c9\u8428->\u6b66\u6c49",
"coords": [
[
91.11,
29.97
],
[
114.31,
30.52
]
]
},
{
"name": "\u62c9\u8428->\u798f\u5dde",
"coords": [
[
91.11,
29.97
],
[
119.3,
26.08
]
]
},
{
"name": "\u62c9\u8428->\u90d1\u5dde",
"coords": [
[
91.11,
29.97
],
[
113.65,
34.76
]
]
},
{
"name": "\u62c9\u8428->\u8861\u6c34",
"coords": [
[
91.11,
29.97
],
[
115.72,
37.72
]
]
},
{
"name": "\u62c9\u8428->\u94f6\u5ddd",
"coords": [
[
91.11,
29.97
],
[
106.27,
38.47
]
]
},
{
"name": "\u62c9\u8428->\u5408\u80a5",
"coords": [
[
91.11,
29.97
],
[
117.27,
31.86
]
]
},
{
"name": "\u62c9\u8428->\u6d77\u53e3",
"coords": [
[
91.11,
29.97
],
[
110.35,
20.02
]
]
},
{
"name": "\u62c9\u8428->\u53f0\u5317",
"coords": [
[
91.11,
29.97
],
[
121.3,
25.03
]
]
},
{
"name": "\u62c9\u8428->\u6606\u660e",
"coords": [
[
91.11,
29.97
],
[
102.73,
25.04
]
]
},
{
"name": "\u62c9\u8428->\u5357\u5b81",
"coords": [
[
91.11,
29.97
],
[
108.33,
22.84
]
]
}
],
"lineStyle": {
"show": true,
"width": 1.0,
"opacity": 0.8,
"curveness": 0.3,
"type": "solid",
"color": "#99CC99"
},
"label": {
"show": false,
"position": "top",
"margin": 8
}
}
],
"timeline": {
"axisType": "category",
"orient": "horizontal",
"autoPlay": true,
"controlPosition": "left",
"loop": true,
"rewind": false,
"show": false,
"inverse": false,
"playInterval": 8000,
"bottom": "-5px",
"data": [
"\u5e7f\u5dde",
"\u4e0a\u6d77",
"\u5317\u4eac",
"\u4e4c\u9c81\u6728\u9f50",
"\u62c9\u8428"
]
},
"geo": {
"map": "china",
"zoom": 1.2,
"roam": false,
"label": {
"show": false,
"position": "top",
"color": "rgba(255,144,128,1)",
"margin": 8
},
"itemStyle": {
"color": "rgba(46, 63, 81, 127)",
"borderColor": "#445973",
"borderWidth": 1.0
},
"emphasis": {
"itemStyle": {
"areaColor": "rgba(0,0,0,0)"
},
"label": {
"show": false,
"position": "top",
"margin": 8
}
}
},
"visualMap": {
"show": true,
"type": "continuous",
"min": 0,
"max": 100,
"textStyle": {
"color": "#f00"
},
"inRange": {
"color": [
"#50a3ba",
"#eac763",
"#d94e5d"
]
},
"calculable": true,
"inverse": false,
"splitNumber": 5,
"orient": "vertical",
"showLabel": true,
"itemWidth": 20,
"itemHeight": 140,
"borderWidth": 0
}
},
"options": [
{
"legend": [
{
"data": [
"",
"geo"
],
"selected": {
"": true,
"geo": true
},
"show": false,
"padding": 5,
"itemGap": 10,
"itemWidth": 25,
"itemHeight": 14
}
],
"series": [
{
"type": "effectScatter",
"coordinateSystem": "geo",
"showEffectOn": "render",
"rippleEffect": {
"show": true,
"brushType": "stroke",
"scale": 3,
"period": 5,
"color": "#0f0"
},
"symbolSize": 12,
"data": [
{
"name": "\u5e7f\u5dde",
"value": [
113.23,
23.16,
31
]
},
{
"name": "\u4e4c\u9c81\u6728\u9f50",
"value": [
87.68,
43.77,
25
]
},
{
"name": "\u9f50\u9f50\u54c8\u5c14",
"value": [
123.97,
47.33,
12
]
},
{
"name": "\u9752\u5c9b",
"value": [
120.33,
36.07,
73
]
},
{
"name": "\u4e0a\u6d77",
"value": [
121.473701,
31.230416,
74
]
},
{
"name": "\u5317\u4eac",
"value": [
116.407526,
39.90403,
54
]
},
{
"name": "\u897f\u5b89",
"value": [
108.95,
34.27,
26
]
},
{
"name": "\u62c9\u8428",
"value": [
91.11,
29.97,