1echarts scatter配置项内容和展示

      
var hours = ['白族', '独龙族', '哈尼族', '景颇族', '拉祜族', '傈僳族', '纳西族','怒族', '普米族', '羌族','彝族','藏族',' ',];
var days = ['白族', '独龙族', '哈尼族', '景颇族', '拉祜族', '傈僳族', '纳西族','怒族', '普米族', '羌族','彝族','藏族',];
var data = [
[0,0,0],[0,1,0.028],[0,2,0.331],[0,3,0.209],[0,4,0.196],[0,5,0.434],[0,6,0.444],[0,7,0.142],[0,8,0.077],[0,9,0.142],[0,10,0.576],[0,11,0.416],
[1,0,0.44],[1,1,0],[1,2,0.6],[1,3,0.44],[1,4,0.48],[1,5,0.84],[1,6,0.60],[1,7,0.52],[1,8,0.20],[1,9,0.48],[1,10,0.80],[1,11,0.56],
[2,0,0.177],[2,1,0.021],[2,2,0],[2,3,0.231],[2,4,0.274],[2,5,0.332],[2,6,0.235],[2,7,0.104],[2,8,0.033],[2,9,0.072],[2,10,0.462],[2,11,0.239],
[3,0,0.201],[3,1,0.027],[3,2,0.415],[3,3,0],[3,4,0.289],[3,5,0.373],[3,6,0.316],[3,7,0.122],[3,8,0.027],[3,9,0.087],[3,10,0.453],[3,11,0.371],
[4,0,0.187],[4,1,0.029],[4,2,0.486],[4,3,0.285],[4,4,0],[4,5,0.337],[4,6,0.243],[4,7,0.096],[4,8,0.029],[4,9,0.071],[4,10,0.489],[4,11,0.211],
[5,0,0.223],[5,1,0.028],[5,2,0.318],[5,3,0.199],[5,4,0.181],[5,5,0],[5,6,0.336],[5,7,0.187],[5,8,0.041],[5,9,0.117],[5,10,0.456],[5,11,0.391],
[6,0,0.295],[6,1,0.026],[6,2,0.291],[6,3,0.217],[6,4,0.170],[6,5,0.435],[6,6,0],[6,7,0.140],[6,8,0.075],[6,9,0.163],[6,10,0.531],[6,11,0.490],
[7,0,0.328],[7,1,0.077],[7,2,0.446],[7,3,0.292],[7,4,0.232],[7,5,0.839],[7,6,0.488],[7,7,0],[7,8,0.042],[7,9,0.179],[7,10,0.607],[7,11,0.488],
[8,0,0.526],[8,1,0.088],[8,2,0.421],[8,3,0.193],[8,4,0.211],[8,5,0.544],[8,6,0.772],[8,7,0.123],[8,8,0],[8,9,0.333],[8,10,0.684],[8,11,0.684],
[9,0,0.190],[9,1,0.042],[9,2,0.180],[9,3,0.121],[9,4,0.10],[9,5,0.3045],[9,6,0.329],[9,7,0.104],[9,8,0.066],[9,9,0],[9,10,0.412],[9,11,0.616],
[10,0,0.201],[10,1,0.018],[10,2,0.301],[10,3,0.164],[10,4,0.179],[10,5,0.310],[10,6,0.280],[10,7,0.092],[10,8,0.035],[10,9,0.107],[10,10,0],[10,11,0.331],
[11,0,0.062],[11,1,0.005],[11,2,0.066],[11,3,0.057],[11,4,0.033],[11,5,0.113],[11,6,0.110],[11,7,0.031],[11,8,0.015],[11,9,0.068],[11,10,0.141],[11,11,0],
]
data = data.map(function (item) {
    return [item[1], item[0], item[2]];
});

option = {
    title: {
        text: ' ',
        link: 'https://github.com/pissang/echarts-next/graphs/punch-card'
    },
    legend: {
        data: ['Punch '],
        left: 'right'
    },
    tooltip: {
        position: 'top',
        formatter: function (params) {
            return params.value[2] + ' commits in ' + hours[params.value[0]] + ' of ' + days[params.value[1]];
        }
    },
    grid: {
        left: 2,
        bottom: 10,
        right: 10,
        containLabel: true
    },
    xAxis: {
        type: 'category',
        data: hours,
        boundaryGap: false,
        splitLine: {
            show: true,
            lineStyle: {
                color: '#ddd',
                type: 'dashed'
            }
        },
        axisLine: {
            show: false
        }
    },
    yAxis: {
        type: 'category',
        data: days,
        axisLine: {
            show: false
        }
    },
    series: [{
        name: 'Punch Card',
        type: 'scatter',
        symbolSize: function (val) {
            return val[2] * 100;
        },
        data: data
    }]
};