reactjs - React 中的工具提示在悬停时显示在单个框中

Question

我有一个图表项目符号组件，它在悬停时有工具提示。问题是我必须指向确切的行才能看到工具提示。因此，我希望两个工具提示在悬停时都显示在一个框中。当我禁用道具“allowtooltip”时，它会在没有工具提示的情况下显示这样的数据。

这是 Bulletchart 组件 - https://www.patternfly.org/2020.11/documentation/react/charts/chartbullet

我期待这样的事情。在一个框中显示平均值和最大值。

<ChartBullet
 ariaDesc={pDescr}
 ariaTitle={pDescr}
 bulletSize={135}
 axisComponent={<ChartAxis  tickValues={[-1]} />}
 comparativeWarningMeasureData={[{ name: 'Max', y: this.data }]}
     
 labels={({ datum }) =>  datum.name ? `${datum.name}: ${datum.y}` : `${datum.y}`}
 maxDomain={{ y: 100 }}
 primarySegmentedMeasureData={[{ name: 'Average', y: this.dataAvg }]}
 width={width}
 height={37}
 title={pDescr}
 titlePosition={"left"}
 qualitativeRangeData={[{ y: 100 }]}
 allowTooltip={false}
 responsive={true}
 padding={{top:0, bottom:100, right:0, left: paddingLeft}}
/>