问题遇到的现象和发生背景
鼠标放在全局回归线文字这里显示了不该出现的散点提示框数据
这里是把鼠标放在文字上报的错,这个504也是和第一个报错一样的formatter错误,因为data[1]里面没有数据是undefined
问题相关代码,请勿粘贴截图
// 回归线配置
const markLineOpt = {
animation: false,
label: {
position: 'insideEndTop' // 回归线名称位置
},
data: [
[
{
coord: [XMin, YMin],//第一个点
symbol: 'none',
name: '全局回归线',
label: {
color: '#FFEBC8'
},
lineStyle: {
color: '#D3544F'
},
tooltip: {
formatter() {
const str = `<div style="color: #ffebc8;font-size: 12px">
y = a * x + b
</div>`;
return str;
},
backgroundColor: '#0C0F0E',
borderColor: '#0A2420'
} // 全局回归线展示内容
},
{
coord: [XMax, YMax],//第二个点
symbol: 'none'
}
],
[
{
coord: [XMin, YMin],//第一个点
symbol: 'none',
name: '已有主体回归线',
label: {
color: '#FFEBC8'
},
lineStyle: {
color: '#64B9B6'
},
tooltip: {
formatter() {
const str = `<div style="color: #ffebc8;font-size: 12px">
y = a * x + b
</div>`;
return str;
},
backgroundColor: '#0C0F0E',
borderColor: '#0A2420'
} // 已有主体回归线展示内容
},
{
coord: [XMax, YMax], // 第二个点
symbol: 'none'
}
]
]
};
//散点配置
{
name: i.name,
type: 'scatter',
color: i.color,
data: [i.data],
tooltip: {
formatter(params) {
const str = `<div style="color: #ffebc8;font-size: 12px">
a
</div>`;
return str;
},
backgroundColor: '#0C0F0E',
borderColor: '#0A2420'
},
markLine: markLineOpt
};
我想要达到的结果
我想让鼠标放在全局回归线或者已有主体回归线文字样式上的时候不显示散点的tooltip提示框