Echarts在线免费图表

 
            var hours = ['0500',
'0515',
'0530',
'0545',
'0600',
'0615',
'0630',
'0645',
'0700',
'0715',
'0730',
'0745',
'0800',
'0815',
'0830',
'0845',
'0900',
'0915',
'0930',
'0945',
'1000',
'1015',
'1030',
'1045',
'1100',
'1115',
'1130',
'1145',
'1200',
'1215',
'1230',
'1245',
'1300',
'1315',
'1330',
'1345',
'1400',
'1415',
'1430',
'1445',
'1500',
'1515',
'1530',
'1545',
'1600',
'1615',
'1630',
'1645',
'1700',
'1715',
'1730',
'1745',
'1800',
'1815',
'1830',
'1845',
'1900',
'1915',
'1930',
'1945',
'2000',
'2015',
'2030',
'2045',
'2100',
'2115',
'2130',
'2145',
'2200',
'2215',
'2230',
'2245',
'2300',
'2315',
'2330',
'2345'
];
var days = ['Stairs of Entrance A',
'Stairs of Entrance B1',
'Stairs of Entrance B2',
'Stairs of Entrance C1',
'Stairs of Entrance C2',
'Stairs of Entrance D',
'Passage of Entrance B',
'Passage of Entrance C',
'Transfer passage(2-13)',
'Transfer passage(13-2)',
'Automatic fare gate (2)',
'Security checker (2)'
];

var data = [
    [0,0,0],
[0,1,0],
[0,2,0],
[0,3,0],
[0,4,0],
[0,5,0],
[0,6,1],
[0,7,1],
[0,8,1],
[0,9,2],
[0,10,2],
[0,11,2],
[0,12,3],
[0,13,3],
[0,14,3],
[0,15,3],
[0,16,3],
[0,17,2],
[0,18,2],
[0,19,2],
[0,20,1],
[0,21,1],
[0,22,1],
[0,23,1],
[0,24,1],
[0,25,1],
[0,26,1],
[0,27,1],
[0,28,1],
[0,29,1],
[0,30,1],
[0,31,1],
[0,32,1],
[0,33,1],
[0,34,1],
[0,35,1],
[0,36,1],
[0,37,1],
[0,38,1],
[0,39,1],
[0,40,1],
[0,41,1],
[0,42,1],
[0,43,1],
[0,44,1],
[0,45,1],
[0,46,1],
[0,47,2],
[0,48,2],
[0,49,3],
[0,50,3],
[0,51,3],
[0,52,3],
[0,53,4],
[0,54,4],
[0,55,3],
[0,56,3],
[0,57,2],
[0,58,2],
[0,59,1],
[0,60,1],
[0,61,1],
[0,62,1],
[0,63,1],
[0,64,1],
[0,65,1],
[0,66,1],
[0,67,1],
[0,68,1],
[0,69,1],
[0,70,0],
[0,71,0],
[0,72,0],
[0,73,0],
[0,74,0],
[0,75,0],
[1,0,0],
[1,1,0],
[1,2,0],
[1,3,0],
[1,4,0],
[1,5,0],
[1,6,0],
[1,7,1],
[1,8,1],
[1,9,1],
[1,10,1],
[1,11,2],
[1,12,2],
[1,13,2],
[1,14,2],
[1,15,2],
[1,16,2],
[1,17,2],
[1,18,1],
[1,19,1],
[1,20,1],
[1,21,1],
[1,22,1],
[1,23,1],
[1,24,1],
[1,25,1],
[1,26,1],
[1,27,1],
[1,28,1],
[1,29,1],
[1,30,1],
[1,31,1],
[1,32,1],
[1,33,1],
[1,34,1],
[1,35,1],
[1,36,1],
[1,37,1],
[1,38,1],
[1,39,1],
[1,40,1],
[1,41,1],
[1,42,1],
[1,43,1],
[1,44,1],
[1,45,1],
[1,46,1],
[1,47,1],
[1,48,1],
[1,49,2],
[1,50,2],
[1,51,2],
[1,52,2],
[1,53,3],
[1,54,3],
[1,55,2],
[1,56,2],
[1,57,1],
[1,58,1],
[1,59,1],
[1,60,1],
[1,61,1],
[1,62,1],
[1,63,1],
[1,64,1],
[1,65,1],
[1,66,1],
[1,67,0],
[1,68,0],
[1,69,0],
[1,70,0],
[1,71,0],
[1,72,0],
[1,73,0],
[1,74,0],
[1,75,0],
[2,0,0],
[2,1,0],
[2,2,0],
[2,3,0],
[2,4,0],
[2,5,0],
[2,6,0],
[2,7,1],
[2,8,1],
[2,9,1],
[2,10,1],
[2,11,2],
[2,12,2],
[2,13,2],
[2,14,2],
[2,15,2],
[2,16,2],
[2,17,2],
[2,18,2],
[2,19,1],
[2,20,1],
[2,21,1],
[2,22,1],
[2,23,1],
[2,24,1],
[2,25,1],
[2,26,1],
[2,27,1],
[2,28,1],
[2,29,1],
[2,30,1],
[2,31,1],
[2,32,1],
[2,33,1],
[2,34,1],
[2,35,1],
[2,36,1],
[2,37,1],
[2,38,1],
[2,39,1],
[2,40,1],
[2,41,1],
[2,42,1],
[2,43,1],
[2,44,1],
[2,45,1],
[2,46,1],
[2,47,1],
[2,48,1],
[2,49,2],
[2,50,2],
[2,51,2],
[2,52,2],
[2,53,3],
[2,54,3],
[2,55,2],
[2,56,2],
[2,57,2],
[2,58,1],
[2,59,1],
[2,60,1],
[2,61,1],
[2,62,1],
[2,63,1],
[2,64,1],
[2,65,1],
[2,66,1],
[2,67,0],
[2,68,0],
[2,69,0],
[2,70,0],
[2,71,0],
[2,72,0],
[2,73,0],
[2,74,0],
[2,75,0],
[3,0,0],
[3,1,0],
[3,2,0],
[3,3,0],
[3,4,0],
[3,5,0],
[3,6,0],
[3,7,1],
[3,8,1],
[3,9,1],
[3,10,1],
[3,11,2],
[3,12,2],
[3,13,2],
[3,14,2],
[3,15,2],
[3,16,2],
[3,17,2],
[3,18,1],
[3,19,1],
[3,20,1],
[3,21,1],
[3,22,1],
[3,23,1],
[3,24,1],
[3,25,1],
[3,26,1],
[3,27,1],
[3,28,1],
[3,29,1],
[3,30,1],
[3,31,1],
[3,32,1],
[3,33,1],
[3,34,1],
[3,35,1],
[3,36,1],
[3,37,1],
[3,38,1],
[3,39,1],
[3,40,1],
[3,41,1],
[3,42,1],
[3,43,1],
[3,44,1],
[3,45,1],
[3,46,1],
[3,47,1],
[3,48,1],
[3,49,2],
[3,50,2],
[3,51,2],
[3,52,2],
[3,53,3],
[3,54,3],
[3,55,2],
[3,56,2],
[3,57,1],
[3,58,1],
[3,59,1],
[3,60,1],
[3,61,1],
[3,62,1],
[3,63,1],
[3,64,1],
[3,65,1],
[3,66,1],
[3,67,0],
[3,68,0],
[3,69,0],
[3,70,0],
[3,71,0],
[3,72,0],
[3,73,0],
[3,74,0],
[3,75,0],
[4,0,0],
[4,1,0],
[4,2,0],
[4,3,0],
[4,4,0],
[4,5,0],
[4,6,0],
[4,7,1],
[4,8,1],
[4,9,1],
[4,10,1],
[4,11,2],
[4,12,2],
[4,13,2],
[4,14,2],
[4,15,2],
[4,16,2],
[4,17,2],
[4,18,2],
[4,19,1],
[4,20,1],
[4,21,1],
[4,22,1],
[4,23,1],
[4,24,1],
[4,25,1],
[4,26,1],
[4,27,1],
[4,28,1],
[4,29,1],
[4,30,1],
[4,31,1],
[4,32,1],
[4,33,1],
[4,34,1],
[4,35,1],
[4,36,1],
[4,37,1],
[4,38,1],
[4,39,1],
[4,40,1],
[4,41,1],
[4,42,1],
[4,43,1],
[4,44,1],
[4,45,1],
[4,46,1],
[4,47,1],
[4,48,1],
[4,49,2],
[4,50,2],
[4,51,2],
[4,52,2],
[4,53,3],
[4,54,3],
[4,55,2],
[4,56,2],
[4,57,2],
[4,58,1],
[4,59,1],
[4,60,1],
[4,61,1],
[4,62,1],
[4,63,1],
[4,64,1],
[4,65,1],
[4,66,1],
[4,67,0],
[4,68,0],
[4,69,0],
[4,70,0],
[4,71,0],
[4,72,0],
[4,73,0],
[4,74,0],
[4,75,0],
[5,0,0],
[5,1,0],
[5,2,0],
[5,3,0],
[5,4,0],
[5,5,0],
[5,6,1],
[5,7,1],
[5,8,1],
[5,9,2],
[5,10,2],
[5,11,2],
[5,12,3],
[5,13,3],
[5,14,3],
[5,15,3],
[5,16,3],
[5,17,2],
[5,18,2],
[5,19,2],
[5,20,1],
[5,21,1],
[5,22,1],
[5,23,1],
[5,24,1],
[5,25,1],
[5,26,1],
[5,27,1],
[5,28,1],
[5,29,1],
[5,30,1],
[5,31,1],
[5,32,1],
[5,33,1],
[5,34,1],
[5,35,1],
[5,36,1],
[5,37,1],
[5,38,1],
[5,39,1],
[5,40,1],
[5,41,1],
[5,42,1],
[5,43,1],
[5,44,1],
[5,45,1],
[5,46,1],
[5,47,2],
[5,48,2],
[5,49,3],
[5,50,3],
[5,51,3],
[5,52,3],
[5,53,4],
[5,54,4],
[5,55,3],
[5,56,3],
[5,57,2],
[5,58,2],
[5,59,1],
[5,60,1],
[5,61,1],
[5,62,1],
[5,63,1],
[5,64,1],
[5,65,1],
[5,66,1],
[5,67,1],
[5,68,1],
[5,69,1],
[5,70,0],
[5,71,0],
[5,72,0],
[5,73,0],
[5,74,0],
[5,75,0],
[6,0,0],
[6,1,0],
[6,2,0],
[6,3,0],
[6,4,0],
[6,5,1],
[6,6,1],
[6,7,1],
[6,8,2],
[6,9,3],
[6,10,4],
[6,11,5],
[6,12,7],
[6,13,9],
[6,14,10],
[6,15,9],
[6,16,8],
[6,17,6],
[6,18,5],
[6,19,4],
[6,20,3],
[6,21,3],
[6,22,2],
[6,23,2],
[6,24,2],
[6,25,2],
[6,26,2],
[6,27,2],
[6,28,2],
[6,29,2],
[6,30,2],
[6,31,2],
[6,32,2],
[6,33,2],
[6,34,2],
[6,35,2],
[6,36,2],
[6,37,2],
[6,38,2],
[6,39,2],
[6,40,2],
[6,41,2],
[6,42,2],
[6,43,2],
[6,44,2],
[6,45,2],
[6,46,2],
[6,47,2],
[6,48,3],
[6,49,4],
[6,50,5],
[6,51,5],
[6,52,7],
[6,53,7],
[6,54,8],
[6,55,6],
[6,56,6],
[6,57,4],
[6,58,3],
[6,59,3],
[6,60,2],
[6,61,2],
[6,62,2],
[6,63,2],
[6,64,2],
[6,65,1],
[6,66,1],
[6,67,1],
[6,68,1],
[6,69,1],
[6,70,1],
[6,71,1],
[6,72,0],
[6,73,0],
[6,74,0],
[6,75,0],
[7,0,0],
[7,1,0],
[7,2,0],
[7,3,0],
[7,4,0],
[7,5,1],
[7,6,1],
[7,7,1],
[7,8,2],
[7,9,2],
[7,10,3],
[7,11,5],
[7,12,6],
[7,13,8],
[7,14,9],
[7,15,8],
[7,16,7],
[7,17,6],
[7,18,5],
[7,19,4],
[7,20,3],
[7,21,2],
[7,22,2],
[7,23,2],
[7,24,2],
[7,25,2],
[7,26,2],
[7,27,2],
[7,28,2],
[7,29,2],
[7,30,2],
[7,31,2],
[7,32,2],
[7,33,2],
[7,34,2],
[7,35,2],
[7,36,2],
[7,37,2],
[7,38,2],
[7,39,2],
[7,40,2],
[7,41,2],
[7,42,2],
[7,43,2],
[7,44,2],
[7,45,2],
[7,46,2],
[7,47,2],
[7,48,2],
[7,49,3],
[7,50,4],
[7,51,5],
[7,52,6],
[7,53,6],
[7,54,7],
[7,55,6],
[7,56,5],
[7,57,4],
[7,58,3],
[7,59,2],
[7,60,2],
[7,61,2],
[7,62,2],
[7,63,2],
[7,64,1],
[7,65,1],
[7,66,1],
[7,67,1],
[7,68,1],
[7,69,1],
[7,70,1],
[7,71,1],
[7,72,0],
[7,73,0],
[7,74,0],
[7,75,0],
[8,0,0],
[8,1,0],
[8,2,0],
[8,3,0],
[8,4,0],
[8,5,0],
[8,6,0],
[8,7,0],
[8,8,0],
[8,9,1],
[8,10,1],
[8,11,1],
[8,12,1],
[8,13,2],
[8,14,2],
[8,15,2],
[8,16,2],
[8,17,2],
[8,18,1],
[8,19,1],
[8,20,1],
[8,21,1],
[8,22,1],
[8,23,1],
[8,24,1],
[8,25,1],
[8,26,1],
[8,27,1],
[8,28,1],
[8,29,1],
[8,30,1],
[8,31,1],
[8,32,1],
[8,33,1],
[8,34,1],
[8,35,1],
[8,36,1],
[8,37,1],
[8,38,1],
[8,39,1],
[8,40,1],
[8,41,1],
[8,42,1],
[8,43,1],
[8,44,1],
[8,45,1],
[8,46,1],
[8,47,1],
[8,48,1],
[8,49,2],
[8,50,3],
[8,51,3],
[8,52,5],
[8,53,5],
[8,54,5],
[8,55,5],
[8,56,4],
[8,57,3],
[8,58,2],
[8,59,2],
[8,60,2],
[8,61,1],
[8,62,1],
[8,63,1],
[8,64,1],
[8,65,1],
[8,66,1],
[8,67,1],
[8,68,1],
[8,69,1],
[8,70,1],
[8,71,1],
[8,72,0],
[8,73,0],
[8,74,0],
[8,75,0],
[9,0,0],
[9,1,0],
[9,2,0],
[9,3,0],
[9,4,0],
[9,5,0],
[9,6,1],
[9,7,1],
[9,8,1],
[9,9,2],
[9,10,3],
[9,11,4],
[9,12,6],
[9,13,8],
[9,14,9],
[9,15,8],
[9,16,7],
[9,17,5],
[9,18,4],
[9,19,3],
[9,20,2],
[9,21,2],
[9,22,2],
[9,23,1],
[9,24,1],
[9,25,1],
[9,26,1],
[9,27,1],
[9,28,1],
[9,29,1],
[9,30,1],
[9,31,1],
[9,32,1],
[9,33,1],
[9,34,1],
[9,35,1],
[9,36,1],
[9,37,1],
[9,38,1],
[9,39,1],
[9,40,1],
[9,41,1],
[9,42,1],
[9,43,1],
[9,44,1],
[9,45,1],
[9,46,1],
[9,47,1],
[9,48,1],
[9,49,1],
[9,50,2],
[9,51,2],
[9,52,2],
[9,53,2],
[9,54,2],
[9,55,2],
[9,56,2],
[9,57,1],
[9,58,1],
[9,59,1],
[9,60,1],
[9,61,1],
[9,62,1],
[9,63,0],
[9,64,0],
[9,65,1],
[9,66,0],
[9,67,0],
[9,68,0],
[9,69,0],
[9,70,0],
[9,71,0],
[9,72,0],
[9,73,0],
[9,74,0],
[9,75,0],
[10,0,0],
[10,1,0],
[10,2,0],
[10,3,0],
[10,4,0],
[10,5,0],
[10,6,0],
[10,7,0],
[10,8,1],
[10,9,1],
[10,10,1],
[10,11,1],
[10,12,2],
[10,13,2],
[10,14,2],
[10,15,2],
[10,16,3],
[10,17,2],
[10,18,2],
[10,19,1],
[10,20,1],
[10,21,1],
[10,22,1],
[10,23,1],
[10,24,1],
[10,25,1],
[10,26,1],
[10,27,1],
[10,28,1],
[10,29,1],
[10,30,1],
[10,31,1],
[10,32,1],
[10,33,1],
[10,34,1],
[10,35,1],
[10,36,1],
[10,37,1],
[10,38,1],
[10,39,1],
[10,40,1],
[10,41,1],
[10,42,1],
[10,43,1],
[10,44,1],
[10,45,1],
[10,46,1],
[10,47,1],
[10,48,1],
[10,49,1],
[10,50,1],
[10,51,2],
[10,52,2],
[10,53,2],
[10,54,2],
[10,55,2],
[10,56,2],
[10,57,1],
[10,58,1],
[10,59,1],
[10,60,1],
[10,61,0],
[10,62,0],
[10,63,0],
[10,64,0],
[10,65,0],
[10,66,0],
[10,67,0],
[10,68,0],
[10,69,0],
[10,70,0],
[10,71,0],
[10,72,0],
[10,73,0],
[10,74,0],
[10,75,0],
[11,0,0],
[11,1,0],
[11,2,0],
[11,3,0],
[11,4,0],
[11,5,1],
[11,6,1],
[11,7,2],
[11,8,2],
[11,9,3],
[11,10,3],
[11,11,4],
[11,12,5],
[11,13,5],
[11,14,5],
[11,15,5],
[11,16,3],
[11,17,3],
[11,18,3],
[11,19,3],
[11,20,2],
[11,21,2],
[11,22,2],
[11,23,2],
[11,24,2],
[11,25,2],
[11,26,2],
[11,27,2],
[11,28,2],
[11,29,2],
[11,30,2],
[11,31,2],
[11,32,2],
[11,33,2],
[11,34,2],
[11,35,2],
[11,36,2],
[11,37,2],
[11,38,2],
[11,39,2],
[11,40,2],
[11,41,2],
[11,42,2],
[11,43,2],
[11,44,2],
[11,45,2],
[11,46,2],
[11,47,3],
[11,48,3],
[11,49,5],
[11,50,5],
[11,51,5],
[11,52,5],
[11,53,7],
[11,54,7],
[11,55,5],
[11,56,4],
[11,57,4],
[11,58,3],
[11,59,3],
[11,60,2],
[11,61,2],
[11,62,2],
[11,63,2],
[11,64,2],
[11,65,2],
[11,66,1],
[11,67,1],
[11,68,1],
[11,69,1],
[11,70,1],
[11,71,0],
[11,72,0],
[11,73,0],
[11,74,0],
[11,75,0]
];

data = data.map(function(item) {
    return [item[1], item[0], item[2] || '-'];
});

option = {
    tooltip: {
        position: 'top'
    },
    animation: false,
    grid: {
        height: '85%',
        y: '10%'
    },
    xAxis: {
        type: 'category',
        data: hours
    },
    yAxis: {
        type: 'category',
        data: days
    },
    visualMap: {
        min: 1,
        max: 10,
        calculable: true,
        orient: 'horizontal',
        left: 'center',
        bottom: '90%'
    },
    series: [{
        name: 'Punch Card',
        type: 'heatmap',
        data: data,
        label: {
            normal: {
                show: true
            }
        },
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        }
    }]
};