Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.12.2019, 17:28
Аспирант
Отправить личное сообщение для gsdev99 Посмотреть профиль Найти все сообщения от gsdev99
 
Регистрация: 03.02.2019
Сообщений: 53

Как сделать анимацию на path в d3.js?
Подскажите, пожалуйста, как сделать анимацию на path в d3.js
https://codepen.io/gsdev99/pen/GRgRWLW
В коде видны попытки добавлять transition, но к необходимому результату это не привело.
Ответить с цитированием
  #2 (permalink)  
Старый 02.12.2019, 21:05
Аватар для SuperZen
Профессор
Отправить личное сообщение для SuperZen Посмотреть профиль Найти все сообщения от SuperZen
 
Регистрация: 08.11.2017
Сообщений: 477

useEffect(() => {
    setState((prevState) => ({
      ...prevState,
      chartPoints: chartPoints
    }))
  }, [])
  
  chartPoints.forEach((d) => {
    d.date = new Date(d.date)
    d.value = Number(d.value)
  })


для реакта эти изменения не доступны,

useEffect(() => {
    setState((prevState) => ({
      ...prevState,
      chartPoints: chartPoints.forEach((d) => {
    d.date = new Date(d.date)
    d.value = Number(d.value)
  })
    }))
  }, [])


хотя бы должно быть так

draw тогда нужно повесить на эффект
React.useEffect(
() => {
draw()
}
,
[draw, state.chartPoints]
)


потому что если изменились state.chartPoints вызваться draw, так же надо draw завернуть в React.useCallback... в общем это подход из серии поменять стиль через document.querySelector )) в реакте...

вообще для библиотек там всяких пишут bindings надо найти "react d3 bindings"..
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать обработку динамически созданной формы через ajax? Wimko AJAX и COMET 4 08.10.2019 17:37
Как правильно сделать анимацию на css? darktowerk56c (X)HTML/CSS 3 03.10.2019 12:07
Как выделить path у SVG? XamMax Events/DOM/Window 2 10.06.2019 16:57
Как сделать калькулятор и с чего начать? A.P. Yellowman Общие вопросы Javascript 3 15.11.2013 20:32
как лучше сделать покадровую анимацию javascript Серджио Общие вопросы Javascript 18 05.07.2013 21:03