Toggle navigation
虚构疫情状况
By
T***y
2020-02-16 13:08:22
脚本
16
21
作品使用的第三方脚本
/dep/echarts/map/js/china.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
图表已生成
整理代码
刷新
代码
function getOffsetDays(time1, time2) { var offsetTime = Math.abs(time2 - time1); return Math.floor(offsetTime / (3600 * 24 * 1e3)); }; var geoCoordMap = { "北京": [116.395645, 39.929986], "天津": [117.210813, 39.14393], "上海": [121.487899, 31.249162], "重庆": [106.530635, 29.544606], "香港": [114.186124, 22.293586], "澳门": [113.557519, 22.204118], "台湾": [120.961454, 23.80406], // 湖北省 "武汉": [114.3162, 30.581084], "黄石": [115.050683, 30.216127], "十堰": [110.801229, 32.636994], "襄阳": [112.176326, 32.094934], "宜昌": [111.310981, 30.732758], "荆州": [112.241866, 30.332591], "荆门": [112.21733, 31.042611], "鄂州": [114.895594, 30.384439], "孝感": [113.935734, 30.927955], "黄冈": [114.906618, 30.446109], "咸宁": [114.300061, 29.880657], "随州": [113.379358, 31.717858], "恩施": [109.517433, 30.308978], "仙桃": [113.443107, 30.327249], "天门": [113.168020, 30.663312], "潜江": [112.900485, 30.401380], "神农架": [110.487231, 31.595768], //新疆维吾尔自治区 "克拉玛依": [84.88118, 45.594331], "乌鲁木齐": [87.564988, 43.84038], "巴音郭楞": [86.121688, 41.771362], "伊犁": [81.297854, 43.922248], "吐鲁番": [89.181595, 42.96047], "阿勒泰": [88.137915, 47.839744], "哈密": [93.528355, 42.858596], "博尔塔拉": [82.052436, 44.913651], "阿克苏": [80.269846, 41.171731], "克孜勒苏": [76.137564, 39.750346], "昌吉": [87.296038, 44.007058], "喀什": [75.992973, 39.470627], "和田": [79.930239, 37.116774], "塔城": [82.974881, 46.758684], "新疆": [85.564988, 40.84038], //广西壮族自治区 "崇左": [107.357322, 22.415455], "柳州": [109.422402, 24.329053], "百色": [106.631821, 23.901512], "南宁": [108.297234, 22.806493], "梧州": [111.305472, 23.485395], "北海": [109.122628, 21.472718], "桂林": [110.26092, 25.262901], "河池": [108.069948, 24.699521], "贵港": [109.613708, 23.103373], "钦州": [108.638798, 21.97335], "来宾": [109.231817, 23.741166], "防城港": [108.351791, 21.617398], "贺州": [111.552594, 24.411054], "玉林": [110.151676, 22.643974], // 西藏自治区 "山南": [91.750644, 29.229027], "那曲": [92.067018, 31.48068], "阿里": [81.107669, 30.404557], "拉萨": [91.111891, 29.662557], "昌都": [97.185582, 31.140576], "林芝": [94.349985, 29.666941], "日喀则": [88.891486, 29.269023], //宁夏回族自治区 "银川": [106.206479, 38.502621], "吴忠": [106.208254, 37.993561], "中卫": [105.196754, 37.521124], "石嘴山": [106.379337, 39.020223], "固原": [106.285268, 36.021523], // 内蒙古自治区 "乌海": [106.831999, 39.683177], "鄂尔多斯市": [109.993706, 39.81649], "兴安盟": [122.048167, 46.083757], "锡林郭勒盟": [116.02734, 43.939705], "巴彦淖尔": [107.423807, 40.76918], "赤峰": [118.930761, 42.297112], "乌兰察布": [113.112846, 41.022363], "呼伦贝尔": [119.760822, 49.201636], "通辽": [122.260363, 43.633756], "阿拉善盟": [105.695683, 38.843075], "包头": [109.846239, 40.647119], "呼和浩特": [111.660351, 40.828319], //四川省 "遂宁": [105.564888, 30.557491], "雅安": [103.009356, 29.999716], "巴中": [106.757916, 31.869189], "攀枝花": [101.722423, 26.587571], "自贡": [104.776071, 29.359157], "凉山": [102.259591, 27.892393], "广元": [105.819687, 32.44104], "广安": [106.63572, 30.463984], "宜宾": [104.633019, 28.769675], "达州": [107.494973, 31.214199], "南充": [106.105554, 30.800965], "成都": [104.067923, 30.679943], "内江": [105.073056, 29.599462], "资阳": [104.633019, 28.769675], "阿坝": [102.228565, 31.905763], "甘孜": [101.969232, 30.055144], "绵阳": [104.705519, 31.504701], "乐山": [103.760824, 29.600958], "泸州": [105.44397, 28.89593], "德阳": [104.402398, 31.13114], "眉山": [103.84143, 30.061115], //陕西省 "安康": [109.038045, 32.70437], "咸阳": [108.707509, 34.345373], "渭南": [109.483933, 34.502358], "汉中": [107.045478, 33.081569], "延安": [109.50051, 36.60332], "榆林": [109.745926, 38.279439], "西安": [108.953098, 34.2778], "铜川": [108.968067, 34.908368], "宝鸡": [107.170645, 34.364081], "商洛": [109.934208, 33.873907], // 河南省 "焦作": [113.211836, 35.234608], "南阳": [112.542842, 33.01142], "三门峡": [111.181262, 34.78332], "平顶山": [113.300849, 33.745301], "驻马店": [114.049154, 32.983158], "新乡": [113.91269, 35.307258], "许昌": [113.835312, 34.02674], "洛阳": [112.447525, 34.657368], "开封": [114.351642, 34.801854], "安阳": [114.351807, 36.110267], "周口": [114.654102, 33.623741], "信阳": [114.085491, 32.128582], "郑州": [113.649644, 34.75661], "濮阳": [115.026627, 35.753298], "商丘": [115.641886, 34.438589], "漯河": [114.046061, 33.576279], "鹤壁": [114.29777, 35.755426], //浙江省 "丽水": [119.929576, 28.4563], "衢州": [118.875842, 28.95691], "台州": [121.440613, 28.668283], "宁波": [121.579006, 29.885259], "杭州": [120.219375, 30.259244], "金华": [119.652576, 29.102899], "温州": [120.690635, 28.002838], "绍兴": [120.592467, 30.002365], "嘉兴": [120.760428, 30.773992], "湖州": [120.137243, 30.877925], "舟山": [122.169872, 30.03601], // 海南省 "海口": [110.330802, 20.022071], "三亚": [109.522771, 18.257776], "海南": [109.9267865, 19.1399235], // 山西省 "运城": [111.006854, 35.038859], "忻州": [112.727939, 38.461031], "晋城": [112.867333, 35.499834], "临汾": [111.538788, 36.099745], "阳泉": [113.569238, 37.869529], "长治": [113.120292, 36.201664], "吕梁": [111.143157, 37.527316], "太原": [112.550864, 37.890277], "大同": [113.290509, 40.113744], "朔州": [112.479928, 39.337672], "晋中": [112.738514, 37.693362], // 广东省 "韶关": [113.594461, 24.80296], "惠州": [114.410658, 23.11354], "揭阳": [116.379501, 23.547999], "云浮": [112.050946, 22.937976], "深圳": [114.025974, 22.546054], "潮州": [116.630076, 23.661812], "清远": [113.040773, 23.698469], "梅州": [116.126403, 24.304571], "广州": [113.30765, 23.120049], "东莞": [113.763434, 23.043024], "江门": [113.078125, 22.575117], "肇庆": [112.479653, 23.078663], "茂名": [110.931245, 21.668226], "阳江": [111.97701, 21.871517], "汕尾": [115.372924, 22.778731], "河源": [114.713721, 23.757251], "中山": [113.42206, 22.545178], "佛山": [113.134026, 23.035095], "汕头": [116.72865, 23.383908], "湛江": [110.365067, 21.257463], "珠海": [113.562447, 22.256915], // 云南省 "怒江": [98.859932, 25.860677], "迪庆": [99.713682, 27.831029], "昭通": [103.725021, 27.340633], "西双版纳": [100.803038, 22.009433], "玉溪": [102.545068, 24.370447], "临沧": [100.092613, 23.887806], "大理": [100.223675, 25.5969], "丽江": [100.229628, 26.875351], "楚雄": [101.529382, 25.066356], "红河": [103.384065, 23.367718], "文山": [104.089112, 23.401781], "昆明": [102.714601, 25.049153], "曲靖": [103.782539, 25.520758], "保山": [99.177996, 25.120489], "思茅": [100.980058, 22.788778], "德宏": [98.589434, 24.44124], // 贵州省 "贵阳": [106.709177, 26.629907], "黔西南": [104.900558, 25.095148], "铜仁": [109.196161, 27.726271], "黔东南": [107.985353, 26.583992], "遵义": [106.93126, 27.699961], "毕节": [105.300492, 27.302612], "黔南": [107.523205, 26.264536], "六盘水": [104.852087, 26.591866], "安顺": [105.92827, 26.228595], // 辽宁省 "鞍山": [123.007763, 41.118744], "本溪": [123.778062, 41.325838], "营口": [122.233391, 40.668651], "大连": [121.593478, 38.94871], "铁岭": [123.85485, 42.299757], "朝阳": [120.446163, 41.571828], "抚顺": [123.92982, 41.877304], "盘锦": [122.073228, 41.141248], "丹东": [124.338543, 40.129023], "葫芦岛": [120.860758, 40.74303], "锦州": [121.147749, 41.130879], "沈阳": [123.432791, 41.808645], "辽阳": [123.172451, 41.273339], "阜新": [121.660822, 42.01925], // 河北省 "廊坊": [116.703602, 39.518611], "衡水": [115.686229, 37.746929], "秦皇岛": [119.604368, 39.945462], "承德": [117.933822, 40.992521], "沧州": [116.863806, 38.297615], "张家口": [114.893782, 40.811188], "石家庄": [114.522082, 38.048958], "保定": [115.49481, 38.886565], "唐山": [118.183451, 39.650531], "邢台": [114.520487, 37.069531], "邯郸": [114.482694, 36.609308], // 青海省 "海南": [100.624066, 36.284364], "海西": [97.342625, 37.373799], "海东": [102.085207, 36.51761], "果洛": [100.223723, 34.480485], "西宁": [101.767921, 36.640739], "海北": [100.879802, 36.960654], "黄南": [102.0076, 35.522852], "玉树": [97.013316, 33.00624], // 湖南省 "邵阳": [111.461525, 27.236811], "张家界": [110.48162, 29.124889], "益阳": [112.366547, 28.588088], "怀化": [109.986959, 27.557483], "湘西": [109.745746, 28.317951], "郴州": [113.037704, 25.782264], "衡阳": [112.583819, 26.898164], "永州": [111.614648, 26.435972], "株洲": [113.131695, 27.827433], "岳阳": [113.146196, 29.378007], "长沙": [112.979353, 28.213478], "湘潭": [112.935556, 27.835095], "常德": [111.653718, 29.012149], "娄底": [111.996396, 27.741073], // 江苏省 "镇江": [119.455835, 32.204409], "常州": [119.981861, 31.771397], "南通": [120.873801, 32.014665], "泰州": [119.919606, 32.476053], "南京": [118.778074, 32.057236], "苏州": [120.619907, 31.317987], "盐城": [120.148872, 33.379862], "宿迁": [118.296893, 33.95205], "无锡": [120.305456, 31.570037], "连云港": [119.173872, 34.601549], "徐州": [117.188107, 34.271553], "淮安": [119.030186, 33.606513], "扬州": [119.427778, 32.408505], // 山东省 "潍坊": [119.142634, 36.716115], "日照": [119.50718, 35.420225], "济宁": [116.600798, 35.402122], "聊城": [115.986869, 36.455829], "德州": [116.328161, 37.460826], "临沂": [118.340768, 35.072409], "枣庄": [117.279305, 34.807883], "莱芜": [117.684667, 36.233654], "烟台": [121.309555, 37.536562], "淄博": [118.059134, 36.804685], "滨州": [117.968292, 37.405314], "泰安": [117.089415, 36.188078], "荷泽": [115.46336, 35.26244], "济南": [117.024967, 36.682785], "威海": [122.093958, 37.528787], "青岛": [120.384428, 36.105215], "东营": [118.583926, 37.487121], // 安徽省 "宣城": [118.752096, 30.951642], "阜阳": [115.820932, 32.901211], "亳州": [115.787928, 33.871211], "蚌埠": [117.35708, 32.929499], "黄山": [118.29357, 29.734435], "六安": [116.505253, 31.755558], "池州": [117.494477, 30.660019], "滁州": [118.32457, 32.317351], "淮南": [117.018639, 32.642812], "铜陵": [117.819429, 30.94093], "合肥": [117.282699, 31.866942], "芜湖": [118.384108, 31.36602], "马鞍山": [118.515882, 31.688528], "安庆": [117.058739, 30.537898], "淮北": [116.791447, 33.960023], "宿州": [116.988692, 33.636772], "巢湖": [117.88049, 31.608733], //黑龙江省 "双鸭山": [131.171402, 46.655102], "绥化": [126.989095, 46.646064], "大兴安岭": [124.196104, 51.991789], "佳木斯": [130.284735, 46.81378], "黑河": [127.50083, 50.25069], "哈尔滨": [126.657717, 45.773225], "大庆": [125.02184, 46.596709], "七台河": [131.019048, 45.775005], "伊春": [128.910766, 47.734685], "牡丹江": [129.608035, 44.588521], "鸡西": [130.941767, 45.32154 | 13], "齐齐哈尔": [123.987289, 47.3477], "鹤岗": [130.292472, 47.338666], // 福建省 "三明": [117.642194, 26.270835], "厦门": [118.103886, 24.489231], "龙岩": [117.017997, 25.078685], "莆田": [119.077731, 25.44845], "南平": [118.181883, 26.643626], "宁德": [119.542082, 26.656527], "泉州": [118.600362, 24.901652], "漳州": [117.676205, 24.517065], "福州": [119.330221, 26.047125], // 甘肃省 "定西": [104.626638, 35.586056], "嘉峪关": [98.281635, 39.802397], "庆阳": [107.644227, 35.726801], "酒泉": [98.508415, 39.741474], "临夏": [103.215249, 35.598514], "金昌": [102.208126, 38.516072], "张掖": [100.459892, 38.93932], "白银": [104.171241, 36.546682], "陇南": [104.934573, 33.39448], "天水": [105.736932, 34.584319], "兰州": [103.823305, 36.064226], "武威": [102.640147, 37.933172], "平凉": [106.688911, 35.55011], "甘南": [102.917442, 34.992211], // 吉林省 "长春": [125.313642, 43.898338], "通化": [125.94265, 41.736397], "吉林": [126.564544, 43.871988], "白山": [126.435798, 41.945859], "松原": [124.832995, 45.136049], "延边": [129.485902, 42.896414], "辽源": [125.133686, 42.923303], "白城": [122.840777, 45.621086], "四平": [124.391382, 43.175525], // 江西省 "抚州": [116.360919, 27.954545], "九江": [115.999848, 29.71964], "宜春": [114.400039, 27.81113], "上饶": [117.955464, 28.457623], "赣州": [114.935909, 25.845296], "南昌": [115.893528, 28.689578], "吉安": [114.992039, 27.113848], "景德镇": [117.186523, 29.303563], "萍乡": [113.859917, 27.639544], "新余": [114.947117, 27.822322], "鹰潭": [117.03545, 28.24131] } var data = [{ name: "北京", value: 900 }, { name: "天津", value: 90 }, { name: "上海", value: 990 }, { name: "重庆", value: 300 }, { name: "香港", value: 400 }, { name: "澳门", value: 90 }, { name: "台湾", value: 18 }, { name: "武汉", value: 32994 }, { name: "黄石", value: 911 }, { name: "十堰", value: 562 }, { name: "襄阳", value: 1101 }, { name: "宜昌", value: 810 }, { name: "荆州", value: 1431 }, { name: "荆门", value: 972 }, { name: "鄂州", value: 1065 }, { name: "孝感", value: 35 }, { name: "黄冈", value: 2662 }, { name: "咸宁", value: 534 }, { name: "随州", value: 1160 }, { name: "恩施", value: 229 }, { name: "仙桃", value: 480 }, { name: "天门", value: 362 }, { name: "潜江", value: 94 }, { name: "神农架", value: 10 }, ] var convertData = function(data) { var res = []; for (var i = 0; i < data.length; i++) { var geoCoord = geoCoordMap[data[i].name]; if (geoCoord) { res.push({ name: data[i].name, value: geoCoord.concat(data[i].value) }); } } return res; }; var convertedData = [ convertData(data), convertData(data.sort(function(a, b) { return b.value - a.value; }).slice(0, 6)) ]; myChart.showLoading({ animation: 'QuarticIn', text: 'Loading', }); var option = { baseOption: { backgroundColor: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [{ //渐变 offset: 0, color: '#1e1e1e' // 0% 处的颜色 }, { offset: 0.5, color: '#111111' }, { offset: 1, color: '#000000' // 100% 处的颜色 } ], }, animationDurationUpdate: 1000, title: { padding: 20, text: '虚构疫情状况', subtext: '国家卫健委测', sublink: 'http://www.nhc.gov.cn', x: 'left', textStyle: { color: '#fff' }, subtextStyle: { fontStyle: 'italic' } }, legend: { icon: 'circle', orient: 'vertical', top: '7%', left: 'right', data: [{ name: 'Top5', }, { name: '散点', }, { name: '热图', } ], textStyle: { color: '#fff' } }, // brush: { // outOfBrush: { // color: 'gray' // }, // brushStyle: { // borderWidth: 2, // color: 'rgba(255,255,255,0.2)', // borderColor: 'rgba(0,0,0,0.5)', // }, // seriesIndex: [1], // brushMode: 'multiple', // throttleType: 'debounce', // throttleDelay: 300, // geoIndex: 0 // }, toolbox: { iconStyle: { normal: { borderColor: '#fff' }, emphasis: { borderColor: '#abc' } }, feature: { restore: {}, saveAsImage: {} } }, tooltip: { trigger: 'item' }, grid: { right: '2%', top: '20%', bottom: '15%', width: '15%' }, xAxis: { type: 'value', scale: true, position: 'top', boundaryGap: false, splitNumber: 4, splitLine: { show: false }, axisLine: { show: false }, axisTick: { show: false }, axisLabel: { margin: 2, textStyle: { color: '#aaa' } }, }, yAxis: { type: 'category', nameGap: 95, axisLine: { show: false }, axisTick: { show: false }, axisLabel: { interval: 0, textStyle: { color: '#fff' } }, data: [] }, visualMap: { min: 0, max: 40000, pieces: [{ min: 2000 }, { min: 1500, max: 2000 }, { min: 1000, max: 1500 }, { min: 500, max: 1000 }, { min: 300, max: 500 }, { min: 200, max: 300 }, { min: 5, max: 200 }, { max: 5 } ], inRange: { color: ['#50a3ba', '#eac736', '#d94e5d'] }, textStyle: { color: '#fff' } }, geo: { //center:[121.487899,31.249162],//视角的中心点为上海 roam: true, //缩放平移 scaleLimit: { min: 0.5, max: 10, }, map: 'china', /* scaleLimit:{ min:1 }, nameMap: { selectedMode:single }, */ itemStyle: { areaColor: '#333333', borderColor: '#000', }, emphasis: { itemStyle: { areaColor: '#123555', shadowColor: '#000', shadowBlur: 10 }, label: { show: false } }, regions: [{ name: '湖北', itemStyle: { areaColor: '#222222' }, emphasis: { itemStyle: { areaColor: '#111111', shadowColor: '#000', shadowBlur: 10 }, } }], }, series: [{ name: '热图', type: 'heatmap', coordinateSystem: 'geo', data: convertedData[0] }, { name: '散点', type: 'scatter', coordinateSystem: 'geo', data: convertedData[0], symbolSize: function(val) { return (5 + Math.log2(val[2])); }, label: { normal: { formatter: '{b}', position: 'right', show: false }, emphasis: { show: true } }, itemStyle: { normal: { color: '#ddb926' } }, tooltip: { trigger: 'item', formatter: function(params) { return params.name + ' : ' + params.value[2]; } }, }, // { // name: 'Top5', // type: 'effectScatter', // coordinateSystem: 'geo', // data: convertData(data.sort(function(a, b) { // return b.value - a.value; // }).slice(0, 5)), // symbolSize: function(val) { // return (6 + Math.log2(val[2])); // }, // showEffectOn: 'render', // rippleEffect: { // brushType: 'stroke' // }, // hoverAnimation: true, // label: { // normal: { // formatter: '{b}', // position: 'right', // show: true // } // }, // itemStyle: { // normal: { // color: '#f4e925', // shadowBlur: 10, // shadowColor: '#333' // } // }, // tooltip: { // trigger: 'item', // formatter: function(params) { // return params.name + ' : ' + params.value[2]; // } // }, // zlevel: 1 // }, { id: 'bar', zlevel: 2, type: 'bar', symbol: 'none', itemStyle: { color: '#ddd', }, emphasis: { color: '#fff', shadowColor: 'rgba(255, 0, 0, 0.5)', shadowBlur: 10 }, data: [] } ] }, options: [] } myChart.hideLoading(); myChart.setOption(option); // myChart.on('brushselected', renderBrushed); // setTimeout(function() { // myChart.dispatchAction({ // type: 'brush', // // areas: [{ // // geoIndex: 0, // // brushType: 'polygon', // // coordRange: [ // // [116, 29], // // [116, 34], // // [108, 34], // // [108, 29] // // ] // // }] // }); // }, 0); // function renderBrushed(params) { // var mainSeries = params.batch[0].selected[0]; // var selectedItems = []; // var categoryData = []; // var barData = []; // var maxBar = 30; // var sum = 0; // var count = 0; // for (var i = 0; i < mainSeries.dataIndex.length; i++) { // var rawIndex = mainSeries.dataIndex[i]; // var dataItem = convertedData[0][rawIndex]; // var Value = dataItem.value[2]; // sum += Value; // count++; // selectedItems.push(dataItem); // } // selectedItems.sort(function(a, b) { // return a.value[2] - b.value[2]; // }); // for (var i = 0; i < Math.min(selectedItems.length, maxBar); i++) { // categoryData.push(selectedItems[i].name); // barData.push(selectedItems[i].value[2]); // } // this.setOption({ // yAxis: { // data: categoryData, // }, // xAxis: { // axisLabel: { // show: !!count, // } // }, // title: { // id: 'statistic', // right: '8%', // top: '10%', // text: count ? '区域内总和: ' + (sum) : '', // textStyle: { // color: '#fff' // }, // }, // series: { // id: 'bar', // data: barData // } // }); // }