股票工具的导航箭头

Question

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

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

此外，我在documentation上找不到与图表（底部/顶部/右侧/左侧）上的库存工具有关的任何内容，也找不到与之对应的最小化箭头的方法。是通过CSS唯一的解决方案吗？

有关如何实现此目标的任何提示？

---

更新

我已添加

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

以我的updated示例为例，并更新了相关性。现在一切正常。

Answer 1

您已使用Highcharts v7.0.3，因为v7.1.3起，箭头图标的问题似乎已解决。此外，添加chart类名称以获取适当的库存工具高度。

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

---

实时演示： https://codesandbox.io/s/pie-chart-64hmo