Reactjs 如何在所有图表上使用React Recharts工具提示模式?
我正在使用React Recharts()绘制带有自定义工具提示的条形图Reactjs 如何在所有图表上使用React Recharts工具提示模式?,reactjs,d3.js,tooltip,bar-chart,Reactjs,D3.js,Tooltip,Bar Chart,我正在使用React Recharts()绘制带有自定义工具提示的条形图 <BarChart width={400} height={300} data={data} margin={{top: 5, right: 30, left: 10, bottom: 5}}> <XAxis dataKey="name"/> <YAxis/> <CartesianGrid strokeD
<BarChart width={400} height={300} data={data}
margin={{top: 5, right: 30, left: 10, bottom: 5}}>
<XAxis dataKey="name"/>
<YAxis/>
<CartesianGrid strokeDasharray="3 3"/>
<Tooltip content={<CustomTooltip/>}/>
<Legend />
<Bar dataKey="pv" barSize={20} fill="#8884d8" />
</BarChart>
但我的工具提示框相当大,如下例所示:
我发现工具提示框的一部分隐藏在第二张图表后面。如何使其成为所有图表之上的模态?您可以尝试使用css设置工具提示元素的z顺序样式,使其高于文档中的所有其他元素。您可以使用自定义内容呈现器中的 下面是一个没有门户的基本示例:
在此处记录此默认设置的问题:您找到解决方案了吗?