Toggle navigation
定时刷新数据时,地图上会有阴影
By
370281730
2017-12-20 05:50:03
脚本
16
21
作品使用的第三方脚本
/dep/echarts/map/js/world.js
数据管理
上传数据
支持小于 5M 任意格式(csv, xlsx, json, xml, ...)的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意?你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
var allData = { "pointData": [ [-77.013222, 38.913611], [89.47477, 30.669926], [-115.95958, 42.077965], [102.882484, 30.960243], [-85.34099, 41.15332], [-67.01193, -10.94536], [50.59059, 57.888645], [-100.05147, 38.63391], [93.67255, 54.493504], [-122.1959, 47.365], [83.620544, 22.741442], [-81.7381, 45.38944], [41.81904, 38.19797], [-95.68024, 54.67268], [-65.37769, -9.78943], [95.11551, 46.795628], [-99.79695, 32.63207], [46.17227, 23.872107], [104.990963, 12.565679], [96.947655, 57.303024], [-89.210915, 32.719624], [104.92684, 58.549316], [-93.880196, 47.68982], [-60.673233, -0.029016495], [113.88311, 22.55371], [64.906624, 51.389473], [-85.20707, 39.361202], [89.48538, 29.77526], [-107.13167, 42.556732], [-62.336666, 3.899754], [62.036095, 29.858965], [-88.04783, 45.185677], [47.996765, 32.977123], [112.851274, 35.497553], [64.90343, 44.801582], [-101.54466, 34.133327], [42.167442, 30.340105], [-90.78093, 50.05004], [-64.04613, -0.0019397736], [79.97203, 50.016975], [-113.790726, 52.58809] ], "lineData": [{ "coords": [ [-77.013222, 38.913611], [89.47477, 30.669926] ] }, { "coords": [ [-77.013222, 38.913611], [-115.95958, 42.077965] ] }, { "coords": [ [-77.013222, 38.913611], [102.882484, 30.960243] ] }, { "coords": [ [-77.013222, 38.913611], [-85.34099, 41.15332] ] }, { "coords": [ [-77.013222, 38.913611], [-67.01193, -10.94536] ] }, { "coords": [ [-77.013222, 38.913611], [50.59059, 57.888645] ] }, { "coords": [ [-77.013222, 38.913611], [-100.05147, 38.63391] ] }, { "coords": [ [-77.013222, 38.913611], [93.67255, 54.493504] ] }, { "coords": [ [-122.1959, 47.365], [83.620544, 22.741442] ] }, { "coords": [ [-122.1959, 47.365], [-81.7381, 45.38944] ] }, { "coords": [ [-122.1959, 47.365], [41.81904, 38.19797] ] }, { "coords": [ [-122.1959, 47.365], [-95.68024, 54.67268] ] }, { "coords": [ [-122.1959, 47.365], [-65.37769, -9.78943] ] }, { "coords": [ [-122.1959, 47.365], [95.11551, 46.795628] ] }, { "coords": [ [-122.1959, 47.365], [-99.79695, 32.63207] ] }, { "coords": [ [-122.1959, 47.365], [46.17227, 23.872107] ] }, { "coords": [ [-122.1959, 47.365], [96.947655, 57.303024] ] }, { "coords": [ [104.990963, 12.565679], [-89.210915, 32.719624] ] }, { "coords": [ [104.990963, 12.565679], [104.92684, 58.549316] ] }, { "coords": [ [104.990963, 12.565679], [104.92684, 58.549316] ] }, { "coords": [ [104.990963, 12.565679], [-93.880196, 47.68982] ] }, { "coords": [ [104.990963, 12.565679], [-60.673233, -0.029016495] ] }, { "coords": [ [113.88311, 22.55371], [64.906624, 51.389473] ] }, { "coords": [ [113.88311, 22.55371], [-85.20707, 39.361202] ] }, { "coords": [ [113.88311, 22.55371], [89.48538, 29.77526] ] }, { "coords": [ [113.88311, 22.55371], [-107.13167, 42.556732] ] }, { "coords": [ [113.88311, 22.55371], [-62.336666, 3.899754] ] }, { "coords": [ [113.88311, 22.55371], [62.036095, 29.858965] ] }, { "coords": [ [113.88311, 22.55371], [-88.04783, 45.185677] ] }, { "coords": [ [113.88311, 22.55371], [47.996765, 32.977123] ] }, { "coords": [ [112.851274, 35.497553], [64.90343, 44.801582] ] }, { "coords": [ [112.851274, 35.497553], [64.90343, 44.801582] ] }, { "coords": [ [112.851274, 35.497553], [-101.54466, 34.133327] ] }, { "coords": [ [112.851274, 35.497553], [42.167442, 30.340105] ] }, { "coords": [ [112.851274, 35.497553], [-90.78093, 50.05004] ] }, { "coords": [ [112.851274, 35.497553], [-64.04613, -0.0019397736] ] }, { "coords": [ [112.851274, 35.497553], [79.97203, 50.016975] ] }, { "coords": [ [112.851274, 35.497553], [-113.790726, 52.58809] ] }] } option = { title: { show: false }, tooltip: { trigger: 'item', alwaysShowContent: true }, geo: { show: true, map: 'world', label: { emphasis: { show: false } }, zoom: 1.233555, itemStyle: { normal: { color: '#ccc', borderColor: '#333' }, emphasis: { color: 'transparent' } } }, series: [{ type: 'effectScatter', coordinateSystem: 'geo', zlevel: 2, rippleEffect: { brushType: 'stroke', period: 3, scale: 15 }, label: { emphasis: { show: false, position: 'right', formatter: '{b}' } }, symbolSize: 2, showEffectOn: 'render', itemStyle: { normal: { show: false, color: '#46bee9' } }, data: allData.pointData }, { type: 'lines', coordinateSystem: 'geo', zlevel: 5, large: true, effect: { show: true, constantSpeed: 100, symbol: 'pin', symbolSize: 7, trailLength: 0.8, loop: false, color: '#f00' }, lineStyle: { normal: { color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: '#ff0' }, { offset: 1, color: '#ff0' }], false), width: 1, opacity: 1, curveness: 0.5 } }, data: allData.lineData, silent: true }] }