echarts-简单温度热力图
如图所示:
option配置:
options: {tooltip: {position: "top",},animation: false,grid: {height: "50%",y: "10%",},xAxis: {type: "category",data: ["0", "1", "2"],},yAxis: {type: "category",data: ["0", "1"],},visualMap: {min: 0,max: 50,calculable: true,orient: "vertical",left: "90%",bottom: "40%",calculable: true,realtime: false,inRange: {color: ["#313695","#4575b4","#74add1","#abd9e9","#e0f3f8","#ffffbf","#fee090","#fdae61","#f46d43","#d73027","#a50026",],},},series: [{name: "热温度:",type: "heatmap",data: [[0, 0, 10],[1, 0, 20],[2, 0, 30],[0, 1, 15],[1, 1, 25],[2, 1, 35],],label: {show: true,},},],},