Stock 工具的导航箭头

Navigation arrows for Stock Tools

我正在尝试使用 Highcharts/Highstock 和 React 包装器为常用工具实现导航箭头。 This 是非 React 应用程序的工作示例。

我对 React 的尝试是 here。我找不到有关这些箭头的任何文档。比较代码，唯一的区别是 图表选项 在第一个示例中包裹在 container 上，但我无法在 React 上复制它。

此外，我在 documentation 上找不到任何与股票工具在图表 (bottom/top/right/left) 上的定位或如何处理它的最小化箭头相关的内容。 CSS 是唯一的解决方案吗？

关于如何实施的任何提示？

更新

我已经添加了

<HighchartsReact
  ...
  containerProps={{ className: "chart" }}
/>

我的 updated 示例，还更新了依赖项。现在一切正常。

您使用过Highcharts v7.0.3，从v7.1.3 开始，箭头图标的问题似乎已经解决。此外，添加 chart class 名称以获得常用工具的正确高度。

<HighchartsReact
  ...
  containerProps={{ className: "chart" }}
/>

现场演示： https://codesandbox.io/s/pie-chart-64hmo