配置项如下
option = {
backgroundColor: '#0A2E5D',
title: {
text: '学生选课情况分析',
textStyle: {
color: 'white', //坐标的字体颜色
}
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ['男生', '女生'],
textStyle: {
color: 'white', //坐标的字体颜色
},
},
toolbox: {
show: true,
feature: {
dataView: {
show: true,
readOnly: false
},
magicType: {
show: true,
type: ['bar']
},
restore: {
show: true
},
saveAsImage: {
show: true
}
}
},
calculable: true,
xAxis: [{
axisLine: {
lineStyle: {
color: 'white', //坐标轴的颜色
},
},
type: 'category',
data: ['信息技术', '中国语言文学', '历史学', '多媒体设计','心理学','经济学']
}],
yAxis: [
{
type: 'value',
name: '人数',
min: 0,
max: 100,
interval: 10,
axisLabel: {
textStyle: {
color: 'white', //坐标的字体颜色
},
formatter: '{value} '
},
axisLine: {
lineStyle: {
color: 'white', //坐标轴的颜色
},
},
}
],
color: [ '#6449f7', '#7cb17b'],
series: [{
name: '男生',
type: 'bar',
data:[ 72, 14, 67, 44,15,20],
},
{
name: '女生',
type: 'bar',
data: [24, 90, 89, 57,75,14],
}
]
};