option = {
title: {
title: "V",
left: '20'
},
color: ["#37A2DA", "#67E0E3", "#9FE6B8"],
legend: {
top: 10,
left: 'center',
z: 100
},
grid: {
containLabel: true
},
axisPointer: {
link: { xAxisIndex: 'all' },
label: {
backgroundColor: '#777'
}
},
tooltip: {
show: true,
trigger: 'axis',
// textStyle:{
// color:"red"
// },
formatter: function (param) {
console.log(param)
// 利用循环更改显示的内容
let list = param.length
let Oparam=param
console.log(list)
let txt = param[0].name+"时"+"\n"
for (var i=0;i<list;i++){
txt += param[i].seriesName + ":" + param[i].data + '\n'
}
return txt
//用判断语句更改内容
// switch (list) {
// case 3:
// return [
// param[0].name + '时' + '\n',
// param[0].seriesName + ":" + param[0].data + '\n',
// param[1].seriesName + ":" + param[1].data + '\n',
// param[2].seriesName + ":" + param[2].data,
// ].join('');
// break;
// case 4:
// return [
// param[0].name + '时' + '\n',
// param[0].seriesName + ":" + param[0].data + '\n',
// param[1].seriesName + ":" + param[1].data + '\n',
// param[2].seriesName + ":" + param[2].data + '\n',
// param[3].seriesName + ":" + param[3].data,
// ].join('');
// break;
// case 1:
// return [
// param[0].name + '时' + '\n',
// param[0].seriesName + ":" + param[0].data,
// ].join('');
// break;
// default:
// break;
// return [
// param[0].name + '小时' + '\n',
// param[0].seriesName + ":" + param[0].data + '\n',
// param[1].seriesName + ":" + param[1].data + '\n',
// param[2].seriesName + ":" + param[2].data + '\n',
// ].join('');
// }
},
position: function (point, params, dom, rect, size) {
//其中point为当前鼠标的位置,size中有两个属性:viewSize和contentSize,分别为外层div和tooltip提示框的大小
// 更改提示框的显示位置
var x = point[0];//
var y = point[1];
var viewWidth = size.viewSize[0];
var viewHeight = size.viewSize[1];
var boxWidth = size.contentSize[0];
var boxHeight = size.contentSize[1];
var posX = 0;//x坐标位置
var posY = 0;//y坐标位置
console.log()
if (x < boxWidth) {//左边放不开
posX = 5;
} else {//左边放的下
posX = x - boxWidth;
}
if (y < boxHeight) {//上边放不开
posY = 5;
} else {//上边放得下
posY = y - boxHeight;
}
return [posX, posY];
}
},
将以上tooltip里的值加入到echart option里就可以更改。
|
请发表评论