当两个线标记系列在reactvis中重叠时

在我的应用程序中，我正在使用react-vis显示两个线标记系列。当鼠标悬停在标记上时，将显示提示。在某些情况下，不会触发此鼠标悬停。我已经给出了下面的代码。

从'react'导入React，{组件};
从“ react-vis”导入{XAxis，FlexibleWidthXYPlot，YAxis，LineMarkSeries，Hint}；
导入'./App.css';

类应用扩展了组件{

constructor(props) {
super(props);
this.state = {
hintData : {},hintHover : false
};
this.tickFormat = this.tickFormat.bind(this);
this.getHintSection = this.getHintSection.bind(this);
this.mouseOver = this.mouseOver.bind(this);
this.mouseOut = this.mouseOut.bind(this);
}
tickFormat(key) {
const splitString = "-";
const splittedKey = key.split(splitString);
const week = splittedKey[1];
return week;
}
getHintSection(isHintVisible) {
return isHintVisible ?



}

导出默认应用；

您可以使用2个LineSeries和1个MarkSeries，并且只能在MarkSeries上使用一个回调。下面的示例：

data={dataOne}
/>
data={dataTwo}
/>
data={[...dataOne,...dataTwo]}
OnNearestXY={(val,{index}) => {
//do smth
}}
/>