配置项如下
option = {
title: {
text: 'Awesome Chart'
},
xAxis: {
data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
},
yAxis: {},
series: [{
type: 'line',
data:[220, 182, 191, 234, 290, 330, 310]
}]
};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: 1000,
interval: 200,
axisLabel: {
textStyle: {
color: 'white', //坐标的字体颜色
},
formatter: '{value} '
},
axisLine: {
lineStyle: {
color: 'white', //坐标轴的颜色
},
},
}
],
color: [ '#6449f7', '#7cb17b'],
series: [{
name: '高一',
type: 'bar',
data: [602, 940, 760, 820,835,984,745,875,544],
},
{
name: '高二',
type: 'bar',
data: [850, 925, 637, 846,830,727,934,723,841],
},
{
name: '高三',
type: 'bar',
data: [950, 825, 927, 960,823,878,713,812,823],
}
]
};