百子湾路noise

描述:当前是关于Echarts图表中的 3D柱图 示例。
 
            var hours = ['7时', '8时', '9时', '10时', '11时', '12时', '13时',
        '14时', '15时', '16时','17时','18时',
        '19时', '20时', '21时', '22时', '23时'];
var days = ['3.15', '3.16', '3.17',
        '3.18', '3.19', '3.20', '3.21','3.22', '3.23', '3.24', '3.25','3.26', '3.27', '3.28', '3.29'];

var data = [[0,0,78.9035714285714],
[0,1,66.3214285714286],
[0,2,65.3619047619048],
[0,3,69.425],
[0,4,79.3066666666667],
[0,5,0],
[0,6,0],
[0,7,71.9705882352941],
[0,8,72.495652173913],
[0,9,69.9100371747212],
[0,10,72.5222222222222],
[0,11,81.05625],
[0,12,0],
[0,13,64.1598039215686],
[0,14,0],
[0,15,80.35],
[0,16,0],
[1,0,72.0818181818182],
[1,1,76.1372549019608],
[1,2,74.4692307692308],
[1,3,71.524],
[1,4,71.7598684210526],
[1,5,82.1423728813559],
[1,6,0],
[1,7,74.0590909090909],
[1,8,74.7508474576271],
[1,9,71.4428571428572],
[1,10,72.0540540540541],
[1,11,75.5869565217391],
[1,12,0],
[1,13,72.2434782608696],
[1,14,0],
[1,15,72.2166666666667],
[1,16,0],
[2,0,0],
[2,1,70.7571428571429],
[2,2,79.8462962962963],
[2,3,69.8730769230769],
[2,4,77.76],
[2,5,76.4012048192771],
[2,6,0],
[2,7,76],
[2,8,75.0337662337662],
[2,9,71.5025210084033],
[2,10,70.5288590604027],
[2,11,70.3305732484076],
[2,12,0],
[2,13,0],
[2,14,0],
[2,15,82.95],
[2,16,0],
[3,0,81],
[3,1,0],
[3,2,68.55],
[3,3,68.7333333333334],
[3,4,75.058064516129],
[3,5,0],
[3,6,81.81875],
[3,7,73.09],
[3,8,74.8903225806452],
[3,9,74.9890625],
[3,10,77.8925],
[3,11,72.6659574468085],
[3,12,75.4727272727273],
[3,13,0],
[3,14,0],
[3,15,76.9714285714286],
[3,16,0],
[4,0,78.9763157894737],
[4,1,82.7714285714286],
[4,2,73.3799426934097],
[4,3,72.3325123152709],
[4,4,73.8228571428571],
[4,5,67.2733333333333],
[4,6,78.95],
[4,7,72.5762589928057],
[4,8,66.8632603406326],
[4,9,66.3135593220339],
[4,10,79.6555555555556],
[4,11,82.89],
[4,12,76.6837837837838],
[4,13,73.6216216216216],
[4,14,0],
[4,15,79.8161290322581],
[4,16,0],
[5,0,72.4625],
[5,1,0],
[5,2,0],
[5,3,0],
[5,4,78.4181818181818],
[5,5,89.2],
[5,6,0],
[5,7,75.2690476190476],
[5,8,72.4],
[5,9,0],
[5,10,77.4828571428572],
[5,11,71.6255319148936],
[5,12,0],
[5,13,0],
[5,14,0],
[5,15,87.1230769230769],
[5,16,0],
[6,0,0],
[6,1,82.3538461538462],
[6,2,0],
[6,3,0],
[6,4,76.4297297297297],
[6,5,0],
[6,6,0],
[6,7,76.4931506849315],
[6,8,79.7275862068965],
[6,9,0],
[6,10,77.2192307692308],
[6,11,0],
[6,12,0],
[6,13,0],
[6,14,0],
[6,15,81.7090909090909],
[6,16,0],
[7,0,0],
[7,1,73.0333333333333],
[7,2,69.2166666666667],
[7,3,72.7263157894737],
[7,4,78.4902173913043],
[7,5,0],
[7,6,0],
[7,7,73.9010869565218],
[7,8,73.0611111111111],
[7,9,71.4863636363637],
[7,10,77.3483870967742],
[7,11,74.83125],
[7,12,0],
[7,13,73.3],
[7,14,0],
[7,15,83.3979591836735],
[7,16,0],
[8,0,80.9375],
[8,1,0],
[8,2,0],
[8,3,75.2],
[8,4,72.1413223140496],
[8,5,80.68],
[8,6,0],
[8,7,81.639393939394],
[8,8,0],
[8,9,70.4],
[8,10,70.9333333333333],
[8,11,0],
[8,12,67.885],
[8,13,75.3561538461539],
[8,14,86.175],
[8,15,82.49],
[8,16,0],
[9,0,77.3551020408163],
[9,1,0],
[9,2,78.8033783783784],
[9,3,77.246511627907],
[9,4,77.7311111111111],
[9,5,74.625],
[9,6,0],
[9,7,84.8],
[9,8,78.9375],
[9,9,79.4583333333333],
[9,10,68.76],
[9,11,79.0909090909091],
[9,12,81.1961538461539],
[9,13,0],
[9,14,0],
[9,15,79.9],
[9,16,0],
[10,0,79.7222222222222],
[10,1,71.659375],
[10,2,68.3752212389381],
[10,3,0],
[10,4,77.6108695652174],
[10,5,80.6875],
[10,6,82.3975],
[10,7,77.4454545454545],
[10,8,75.6107142857143],
[10,9,70.5714285714286],
[10,10,69.2709677419355],
[10,11,79.5941176470588],
[10,12,79.121052631579],
[10,13,80.3878787878788],
[10,14,80.7714285714286],
[10,15,78.4542168674699],
[10,16,0],
[11,0,70.81],
[11,1,0],
[11,2,0],
[11,3,65.0210144927537],
[11,4,67.7648351648352],
[11,5,86.2111111111111],
[11,6,83.1705882352942],
[11,7,82.6514705882353],
[11,8,75.7826086956522],
[11,9,83.3071428571429],
[11,10,73.6916666666667],
[11,11,84.2],
[11,12,0],
[11,13,0],
[11,14,0],
[11,15,78.7941176470588],
[11,16,77.6084745762712],
[12,0,80.5071428571429],
[12,1,0],
[12,2,72.425],
[12,3,76.6066666666667],
[12,4,75.55],
[12,5,0],
[12,6,0],
[12,7,80.5333333333334],
[12,8,0],
[12,9,0],
[12,10,75.004347826087],
[12,11,0],
[12,12,0],
[12,13,0],
[12,14,0],
[12,15,79.1222222222222],
[12,16,0],
[13,0,72.6657142857143],
[13,1,0],
[13,2,0],
[13,3,67.1285714285714],
[13,4,78.7933333333333],
[13,5,0],
[13,6,0],
[13,7,86.1428571428571],
[13,8,79.6090909090909],
[13,9,0],
[13,10,67.0545454545455],
[13,11,0],
[13,12,0],
[13,13,68.6555555555556],
[13,14,0],
[13,15,75.8615384615385],
[13,16,0],
[14,0,76.7928571428572],
[14,1,72.0741116751269],
[14,2,73.2947222222222],
[14,3,71.3460451977401],
[14,4,72.9199275362319],
[14,5,0],
[14,6,67.12],
[14,7,0],
[14,8,0],
[14,9,0],
[14,10,78.8291666666667],
[14,11,0],
[14,12,0],
[14,13,76.2973913043479],
[14,14,77.8888888888889],
[14,15,84.9479166666667],
[14,16,0],

];
option = {
    tooltip: {},
    visualMap: {
        max: 92,
        min:60,
        inRange: {
            color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
        }
    },
    xAxis3D: {
        type: 'category',
        data: hours
    },
    yAxis3D: {
        type: 'category',
        data: days
    },
    zAxis3D: {
        type: 'value'
    },
    grid3D: {
        boxWidth: 200,
        boxDepth: 360,
        viewControl: {
            // projection: 'orthographic'
        },
        light: {
            main: {
                intensity: 1.4,
                shadow: false
            },
            ambient: {
                intensity:0.25
            }
        }
    },
    series: [{
        type: 'bar3D',
        data: data.map(function (item) {
            return {
                value: [item[1], item[0], item[2]],
            }
        }),
        shading: 'lambert',

        label: {
            fontSize: 16,
            borderWidth: 1
        },

        emphasis: {
            label: {
                fontSize: 20,
                color: '#900'
            },
            itemStyle: {
                color: '#900'
            }
        }
    }]
}