日历图echarts effectScatter配置项内容和展示

      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'
        }
    }]
};