Toggle navigation
日历图
By
兔子林_Grace
2018-04-27 10:34:26
脚本
16
21
作品使用的第三方脚本
数据管理
上传数据
支持小于 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 data = [ ['2018/1/1', 742], ['2018/1/2', 795], ['2018/1/3', 805], ['2018/1/4', 684], ['2018/1/5', 944], ['2018/1/6', 770], ['2018/1/7', 754], ['2018/1/8', 742], ['2018/1/9', 635], ['2018/1/10', 674], ['2018/1/11', 839], ['2018/1/12', 1515], ['2018/1/13', 1011], ['2018/1/14', 690], ['2018/1/15', 758], ['2018/1/16', 687], ['2018/1/17', 703], ['2018/1/18', 690], ['2018/1/19', 756], ['2018/1/20', 869], ['2018/1/21', 1093], ['2018/1/22', 1564], ['2018/1/23', 1341], ['2018/1/24', 842], ['2018/1/25', 709], ['2018/1/26', 683], ['2018/1/27', 512], ['2018/1/28', 680], ['2018/1/29', 738], ['2018/1/30', 740], ['2018/1/31', 809], ['2018/2/1', 937], ['2018/2/2', 1515], ['2018/2/3', 2894], ['2018/2/4', 1620], ['2018/2/5', 1420], ['2018/2/6', 1447], ['2018/2/7', 1282], ['2018/2/8', 1280], ['2018/2/9', 1195], ['2018/2/10', 1178], ['2018/2/11', 1089], ['2018/2/12', 1078], ['2018/2/13', 1109], ['2018/2/14', 1010], ['2018/2/15', 1104], ['2018/2/16', 1167], ['2018/2/17', 1242], ['2018/2/18', 1165], ['2018/2/19', 1219], ['2018/2/20', 2707], ['2018/2/21', 2889], ['2018/2/22', 1798], ['2018/2/23', 1662], ['2018/2/24', 1372], ['2018/2/25', 1400], ['2018/2/26', 1364], ['2018/2/27', 1398], ['2018/2/28', 1898], ['2018/3/1', 1794], ['2018/3/2', 1767], ['2018/3/3', 1631], ['2018/3/4', 1534], ['2018/3/5', 1413], ['2018/3/6', 1423], ['2018/3/7', 1460], ['2018/3/8', 1454], ['2018/3/9', 1453], ['2018/3/10', 1446], ['2018/3/11', 1376], ['2018/3/12', 1469], ['2018/3/13', 1557], ['2018/3/14', 1702], ['2018/3/15', 1769], ['2018/3/16', 52342], ['2018/3/17', 13423], ['2018/3/18', 14337], ['2018/3/19', 21228], ['2018/3/20', 15607], ['2018/3/21', 13372], ['2018/3/22', 14651], ['2018/3/23', 15677], ['2018/3/24', 14682], ['2018/3/25', 18388], ['2018/3/26', 23534], ['2018/3/27', 26704], ['2018/3/28', 127910], ['2018/3/29', 395976], ['2018/3/30', 740802], ['2018/3/31', 966845], ['2018/4/1', 1223419], ['2018/4/2', 1465722], ['2018/4/3', 1931489], ['2018/4/4', 2514324], ['2018/4/5', 3024847], ['2018/4/6', 3174056], ['2018/4/7', 3208696], ['2018/4/8', 3644736], ['2018/4/9', 4198117], ['2018/4/10', 3868350], ['2018/4/11', 3576440], ['2018/4/12', 3524784], ['2018/4/13', 3621275], ['2018/4/14', 3695967], ['2018/4/15', 3728965], ['2018/4/16', 28485193], ['2018/4/17', 3525579], ['2018/4/18', 3452680], ['2018/4/19', 3535350], ['2018/4/20', 3655541], ['2018/4/21', 3884779], ['2018/4/22', 3780629], ['2018/4/23', 3633830], ['2018/4/24', 3224390], ['2018/4/25', 2923902], ['2018/4/26', 2880839], ['2018/4/27', 2755101], ['2018/4/28', 18758817], ['2018/4/29', 2186199], ['2018/4/30', 1380389], ['2018/5/1', 1153320], ['2018/5/2', 969908], ['2018/5/3', 855008], ['2018/5/4', 778459], ['2018/5/5', 705690], ['2018/5/6', 644825], ['2018/5/7', 605013], ['2018/5/8', 519751], ['2018/5/9', 462824], ['2018/5/10', 412711], ['2018/5/11', 397259], ['2018/5/12', 360223], ['2018/5/13', 351614], ['2018/5/14', 332985], ['2018/5/15', 288986], ['2018/5/16', 262668], ['2018/5/17', 254744], ['2018/5/18', 247669], ['2018/5/19', 245234], ['2018/5/20', 235613], ['2018/5/21', 242238], ['2018/5/22', 230282], ['2018/5/23', 208963], ['2018/5/24', 77862], ['2018/5/25', 186705], ['2018/5/26', 173613], ['2018/5/27', 167778], ['2018/5/28', 172338], ['2018/5/29', 174826], ['2018/5/30', 168858], ['2018/5/31', 142353] ] option = { backgroundColor: '#0A2237', tooltip: { trigger: 'item', formatter:'{a}<br/>{c}', }, calendar: [{ top: 90, left: 'center', range: ['2018-01-01', '2018-01-31'], orient: 'vertical', cellSize: 40, splitLine: { show: false, lineStyle: { color: '#204371', width: 5, type: 'solid' } }, monthLabel: { firstDay: 1, nameMap: 'en', margin:10, color: '#fff' }, dayLabel: { show:false }, yearLabel: { show:true }, itemStyle: { normal: { color: '#0A2237', borderWidth: 2, borderColor: '#204371' } } }], series: [{ type: 'effectScatter', coordinateSystem: 'calendar', data: data, symbolSize: () => Math.max( ~~(Math.random() * 15), 5), itemStyle: { normal: { color: '#DF1E64' } }, label: { show: true, formatter (params) { return params.value[0].split('/')[2] }, offset: [10, -10], color: '#fff' } }] };
