x,y都是变量,中间是值,以前是x是变量,y轴是值
配置项如下
var hours = ['40', '50', '60', '70', '80', '90', '100'];
var days = ['财政税务学院', '创新创业与实验教学中心', '财经干部教育中心', '法学院', '工商管理学院(MBA教育中心)', '公共管理学院', '管理科学与工程学院', '国际经济贸易学院', '国际商务外语学院',
'国际商学院', '国际教育学院、留学生办公室', '高等职业技术学院', '金融学院', '经济学院', '会计学院', '马克思主义学院',
'培训与继续教育学院', '萨里国际学院、旅游与酒店管理学院', '数学学院', '社会与行为跨学科研究中心', '统计学院',
'投资工程管理学院', '体育教学部', '网络教育学院', '新闻传播学院、人文学院'
];
var data1 = [];
for (var i = 0; i < 25; i++) {
data1.push([i, Math.floor(Math.random() * (6 + 1 - 0) + 0), (Math.random() * (90 + 1 - 75) + 75).toFixed(2)]);
}
data1 = data1.map(function(item) {
return [item[1], item[0], item[2] || '-'];
});
option = {
tooltip: {
position: 'top',
formatter: function(params) {
return '学院:' + days[params.value[1]] + '<br/>' + '人数:' + hours[params.value[0]] + '<br/>' + ' 平均分: ' + params.value[2];
}
},
title: {
text: 'xx学院成绩统计情况2个维度'
},
animation: false,
grid: {
left: '3%',
right: '8%',
bottom: '8%',
containLabel: true
},
xAxis: {
type: 'category',
data: hours,
splitArea: {
show: true
},
name: '人数'
},
yAxis: {
type: 'category',
data: days,
splitArea: {
show: true
},
name: '学院'
},
visualMap: {
min: 75,
max: 100,
calculable: true,
orient: 'horizontal',
left: 'center',
bottom: '1%'
},
series: [{
name: 'Punch Card',
type: 'heatmap',
data: data1,
label: {
normal: {
show: true
}
},
itemStyle: {
emphasis: {
shadowBlur: 10,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}]
};