使用 React 绘制任何图表和注释

Question

我有两个关于 anychart 的问题。

(1) 我已经使用 React 实现了如下所示的绘图工具（“Label”除外）并且想知道是否有可能用 React 实现“标签”的功能，即让用户修改现有标签的文本。

https://www.anychart.com/products/anystock/overview/ 绘图工具和注释

(2) 如果我 select（单击）现有标签，getSelectedAnnotation() 似乎无法获得 selected 标签。以下代码在React函数式组件中，大概是这个原因吧？

  chart.listen(`annotationSelect`, function (e) {
    if (e.annotation.type === `label`) {
      console.log(e.annotation) // this prints e.annotaion object
      const s = chart.annotations().getSelectedAnnotation()
      console.log(s) // this prints "null"
    }
  })

Answer 1

A1 - 您可以实现修改标签注释和 UI 方法所需的任何逻辑。图书馆拥有所有必需的 API。例如，您可以在隐藏文本区域侦听键盘输入并将文本应用于标签。有关详细信息，请查看 the live sample。只需 select 标签并开始输入文本。 the demo app.

中使用了类似的方法

A2 - 你需要等到下一轮JS事件循环。例如，使用零时间的 setTimeout 来安排下一轮的任务。这里是 the modified sample.

使用 React 绘制任何图表和注释

Anychart drawing and annotations with React

anychart