Highcharts Highchart/Highstock stack柱形图显示一个系列'；每次显示一个工具提示

以下是代码和图像，我希望工具提示一次一个，信息有限：- 如果我在印度西部数据上徘徊，它应该只显示印度西部数据

有问题的工作代码示例

注意：-我在这里使用stockchart，因为我希望导航器位于图表下方

从“React”导入React；
从“react dom”导入{render}；
//我正在使用highstock实例
从“Highcharts/highstock”导入Highcharts；
从“highcharts react official”导入highcharts react；
导入“/style.css”；
//行数据
常数数据=[
{
名称：“印度西部”，
数据：[
[1620117360000, 398],
[1620117420000, 399],
[1620117480000, 399],
[1620117540000, 400]
],
传奇索引：0
},
{
名称：“美国中央银行”，
数据：[
[1620117360000, 263],
[1620117420000, 264],
[1620117480000, 264],
[1620117540000, 264]
],
传奇索引：3
},
{
名称：“美国东部”，
数据：[
[1620117360000, 232],
[1620117420000, 230],
[1620117480000, 229],
[1620117540000, 227]
],
传奇索引：4
},
{
名称：“美国东北部”，
数据：[
[1620117360000, 406],
[1620117420000, 407],
[1620117480000, 404],
[1620117540000, 405],
],
传奇索引：2
}
];
const navData=data.map（（系列）=>({
数据：series.data，
堆叠：“正常”，
名称：series.name，
类型：“列”
}));
常量选项={
图表：{
类型：“列”
},
打印选项：{
专栏：{
堆叠：“正常”，
},
},
范围选择器：{
已启用：false
},
导航器：{
启用：对，
身高：70，
系列：导航数据
},
系列：数据
};
常量应用=（）=>(
);
render（，document.getElementById（“根”））；

---

请帮助我如何在使用堆栈数据的多个系列的情况下实现单独的工具提示。

我在使用react的情况下找到了解决方案。如果我们想让每个工具提示由defalut分开

我们不需要传递构造函数类型

const App = () => (
  <div>
    <HighchartsReact
      highcharts={Highcharts}
      ***constructorType={"stockChart"}*** // Just remove this line
      options={options}
    />
  </div>
);

const-App=（）=>(
);

很高兴您找到了解决方案。请记住。非常感谢。

const App = () => (
  <div>
    <HighchartsReact
      highcharts={Highcharts}
      ***constructorType={"stockChart"}*** // Just remove this line
      options={options}
    />
  </div>
);