Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在所有图表上使用React Recharts工具提示模式?_Reactjs_D3.js_Tooltip_Bar Chart - Fatal编程技术网

Reactjs 如何在所有图表上使用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

我正在使用React Recharts()绘制带有自定义工具提示的条形图

 <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顺序样式,使其高于文档中的所有其他元素。

您可以使用自定义内容呈现器中的

下面是一个没有门户的基本示例:


在此处记录此默认设置的问题:

您找到解决方案了吗?