reactjs - ホバー時に単一のボックスに表示される React のツールチップ

Question

カーソルを合わせるとツールチップが表示される Chart Bullet コンポーネントがあります。問題は、ツールチップを表示するために正確な行を指さなければならなかったことです。したがって、ホバーしたときに両方のツールチップを 1 つのボックスに表示する必要があります。ツールチップなしでこのようなデータを表示している小道具「allowtooltip」を無効にすると。

これは Bulletchart コンポーネントです - https://www.patternfly.org/2020.11/documentation/react/charts/chartbullet

こんなものを期待しています。平均値と最大値を 1 つのボックスに表示します。

<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}}
/>