Блог

У меня есть два вопроса по любому графику.

(1) Я реализовал инструменты рисования, как показано ниже (за исключением «Метки»), с помощью React, и мне интересно, можно ли реализовать функциональность «Метки» с помощью React, т. Е. Позволить пользователю изменять текст существующей метки.

https://www.anychart.com/products/anystock/overview/ Инструменты Для Рисования И Примечания

(2) Если я выбираю (нажимаю) существующую метку, кажется, что getSelectedAnnotation() не может получить выбранную. Следующий код находится в функциональном компоненте 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"
    }
  })
 

A1 — вы можете реализовать любую логику, необходимую для изменения аннотации этикетки и пользовательского интерфейса. В библиотеке есть все необходимые API. Например, вы можете прослушивать ввод с клавиатуры в области скрытого текста и применять текст к надписи. Для получения более подробной информации ознакомьтесь с живым образцом. Просто выберите надпись и начните вводить текст. Аналогичный подход используется в демонстрационном приложении.

A2 — Вам нужно подождать до следующего раунда цикла событий JS. Например, с помощью setTimeout с нулевым временем для планирования задачи на следующий раунд. Вот модифицированный образец.