options:{
title: {
// text: '考试次数34次'
text: '考试次数0次'
},
tooltip: {
trigger: 'axis',
formatter: function (datas) {
console.log(datas)
var res = datas
let ret = ''
res.forEach((itm, idx) => { //这自定义是为了处理百分号
ret +=
`<div class="line">${datas[idx].marker}${itm.seriesName} ${itm.data}<span>%</span></div>`
})
return `<div>${datas[0].axisValue}</div>${ret}`
}
},
legend: {
data: ['最高正确率', '平均正确率', '最低正确率'],
right: 40,
top: 30,
},
grid: {
left: '3%',
right: '4%',
bottom: '3%',
containLabel: true
},
toolbox: {
feature: {
saveAsImage: {}
}
},
xAxis: {
type: 'category',
boundaryGap: true,
splitLine:{
lineStyle: {
// color: ['red', 'green'], // 设置网格线颜色
width: 1, // 设置网格线宽度
type: 'solid' //设置线的类型 虚线(dashed)、实线(solid)
},
show:true//加不加网格
},
data: [],
axisLabel : {
interval : 0,
formatter : function(params){ //x轴时间换行问题
var newParamsName = "";
var paramsNameNumber = params.length;
var provideNumber =11;
var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
if (paramsNameNumber > provideNumber) {
for (var p = 0; p < rowNumber; p++) {
var tempStr = "";
var start = p * provideNumber;
var end = start + provideNumber;
if (p == rowNumber - 1) {
tempStr = params.substring(start, paramsNameNumber);
} else {
tempStr = params.substring(start, end) + "\n";
}
newParamsName += tempStr;
}
} else {
newParamsName = params;
}
return newParamsName
}
}
},
yAxis: {
type: 'value',
// splitLine:{
// show:true
// }
},
series: [
{
name: '最高正确率',
type: 'line',
stack: '总量',
data: ["111撒啊"]
},
{
name: '平均正确率',
type: 'line',
stack: '总量',
data: []
},
{
name: '最低正确率',
type: 'line',
stack: '总量',
data: []
},
]
}