const acrossData = [
{ name: '北京城市学院', value: 5713 },
{ name: '北京联合大学', value: 3022 },
{ name: '北京工业大学', value: 2647 },
{ name: '首都师范大学', value: 2291 },
{ name: '首都经济贸易大学', value: 1946 },
{ name: '北凉工商大学', value: 1812 },
{ name: '北京电子科技职业学院', value: 1756 },
{ name: '北京财贸职业学院', value: 1712 },
{ name: '北京信息科技大学', value: 1666 },
{ name: '北方工业大学', value: 1621 },
{ name: '北京信息职业技术学院', value: 1559 },
{ name: '北京农学院', value: 1321 },
{ name: '首都医科大学', value: 1307 },
{ name: '北京建筑大学', value: 1302 },
{ name: '北京交通运输职业学院', value: 1299 },
{ name: '北京工业职业技术学院', value: 1183 },
{ name: '北京政法职业学院', value: 1061 },
{ name: '北京劳动保障职业学院', value: 1010 },
{ name: '北凉石油化江学院', value: 975 },
{ name: '北京航空航天大学', value: 962 },
{ name: '北京卫生职业学院', value: 960 },
{ name: '北京农业职业学院', value: 946 },
{ name: '北京第二外国语学院', value: 919 },
{ name: '北京物资学院', value: 907 },
{ name: '北京经济管理职业学院', value: 774 },
{ name: '北京青年政治学院', value: 769 },
{ name: '北京大学', value: 716 },
{ name: '北京理工大学', value: 710 },
{ name: '北京印刷学院', value: 684 },
{ name: '中国人民大学', value: 585 },
{ name: '北京师范大学', value: 580 },
{ name: '北凉警察学院', value: 546 },
{ name: '北京邮电大学世纪学院', value: 514 },
{ name: '北京京北职业技术学院', value: 503 },
{ name: '清华大学', value: 497 },
{ name: '首都经济贸易大学分校', value: 495 },
{ name: '首都体育学院', value: 468 },
{ name: '北京邮电大学', value: 467 },
{ name: '北京交通大学', value: 454 },
{ name: '北京工业大学耿丹学院', value: 449 },
{ name: '北京社会管理职业学院', value: 444 },
{ name: '北京中医药大学', value: 403 },
{ name: '首钢工学院', value: 386 },
{ name: '中央财经大学', value: 368 },
{ name: '北京服装学院', value: 347 },
{ name: '北京林业大学', value: 339 },
{ name: '北京科技大学', value: 336 },
{ name: '中国传媒大学', value: 330 },
{ name: '北京吉利学院', value: 306 },
{ name: '中国农业大学', value: 285 },
{ name: '北京交通职业技术学院', value: 280 },
{ name: '北京汇佳职业学院', value: 277 },
{ name: '北京化工大学', value: 270 },
{ name: '华北电力大学', value: 265 },
{ name: '对外经济贸易大学', value: 261 },
{ name: '首都师范大学科德学院', value: 255 },
{ name: '北京北大方正软件职业技术学院', value: 254 },
{ name: '中国民航大学', value: 248 },
{ name: '中国政法大学', value: 247 },
{ name: '中国社会科学院大学', value: 236 },
{ name: '北京体育大学', value: 227 },
{ name: '中国科学院大学', value: 223 },
{ name: '北京培黎职业学院', value: 218 },
{ name: '中华女子学院', value: 195 },
{ name: '北京经贸职业学院', value: 192 },
{ name: '中国地质大学北京', value: 186 },
{ name: '北京外国语大学', value: 186 },
{ name: '中央民族大学', value: 182 },
{ name: '中国人民公安大学', value: 180 },
{ name: '北京科技职业学院', value: 175 },
{ name: '北京第二外国语学院中瑞酒店管理学院', value: 171 },
{ name: '北京网络职业学院', value: 157 },
{ name: '四大学', value: 156 },
{ name: '中国劳动关系学院', value: 151 },
{ name: '北京语言大学', value: 151 },
{ name: '中国矿业大学（北京）', value: 147 },
{ name: '天津大学', value: 137 },
{ name: '国家行政学院', value: 134 },
{ name: '中国石油大学北京', value: 133 },
{ name: '吉林动画学院', value: 131 },
{ name: '武汉大学', value: 128 },
{ name: '北京电影学院', value: 112 },
{ name: '北京协和医学院清华大学医学部', value: 105 },
{ name: '北京工商大学嘉华学院', value: 100 },
{ name: '北京经济技术职业学院', value: 100 },
{ name: '华中科技大学', value: 93 },
{ name: '外交学院', value: 93 },
{ name: '江西科技学院', value: 82 },
{ name: '南开大学', value: 81 },
{ name: '山东大学', value: 80 },
{ name: '北京体育职业学院', value: 78 },
{ name: '哈尔滨工业大学', value: 75 },
{ name: '吉林大学', value: 73 },
{ name: '西安电子科技大学', value: 73 },
{ name: '上海交通大学', value: 71 },
{ name: '北京科技大学天津学院', value: 70 },
{ name: '中山大学', value: 68 },
{ name: '厦门大学', value: 67 },
{ name: '中国民用航空飞行学院', value: 66 },
{ name: '西安交通大学', value: 63 },
{ name: '湖南大学', value: 62 },
{ name: '中央戏剧学院', value: 60 },
{ name: '大连海事大学', value: 60 },
{ name: '中央美术学院', value: 59 }
];
const title = '应届毕业生人数学校排行'
option = {
backgroundColor: '#001552',
title: [
{
text: title,
textStyle: {
fontSize: 20,
color: '#fff',
fontWeight:600,
},
x: '70%',
y: '3%',
},
],
grid: {
right: '20%',
top: '10%',
bottom: '0%',
},
xAxis: {
show: false,
type: 'value',
max: 8000
},
yAxis: [
{
type: 'category',
inverse: true,
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
color: '#b3c9d5',
align: 'left',
verticalAlign: 'bottom',
position: 'right',
padding: [0, 0, 8, 15],
fontSize: 14,
},
data: acrossData.map(item => item.name)
}
],
tooltip: {
trigger: 'item'
},
// 滚动条
dataZoom: [
{
show: true,
right: '28%',
top:'10%',
width: 10,
showDetail: false,
brushSelect: false,
orient: 'vertical',
backgroundColor: '#314d70',
showDataShadow: false,
startValue: 0,
endValue: 20,
borderColor: 'transparent',
fillerColor: '#1ad3fd',
zoomLock: true,
handleSize: '130%',
handleIcon:
'path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5M36.9,35.8h-1.3z M27.8,35.8 h-1.3H27L27.8,35.8L27.8,35.8z' // 画一个圆形
}
],
series: [
{
type: 'bar',
barWidth: 10,
itemStyle: {
normal: {
barBorderRadius: [10],
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
{ offset: 0, color: '#1acffa' },
{ offset: 1, color: '#133579' }
]),
label: {
show: true,
offset: [450, -10],
formatter: '{c}人',
position: 'insideLeft',
textStyle: {
// 数值样式，显示的文字大小和颜色
fontSize: '12',
color: '#d3f5fd',
fontWeight: 400,
lineHeight: '18'
}
}
}
},
emphasis: {
itemStyle: {
color: new echarts.graphic.LinearGradient(1, 0, 0, 0, [
{ offset: 0, color: '#2378f7' },
{ offset: 0.7, color: '#2378f7' },
{ offset: 1, color: '#83bff6' }
])
}
},
data: acrossData
}
]
};