Что такое объект TimeEvent в Javascript? Какие методы и свойства у него есть?

Question

Я использую череду временных рядов. В нем компонент ScatterChart имеет опору radius, которая может принимать функцию.

Функция принимает два параметра. Event типа TimeEvent и column типа String.

Хотя column достаточно легко понять, я понятия не имею, из чего состоит TimeEvent. Каковы его методы? Какими свойствами он обладает? Как я могу использовать его для установки радиуса и стилей ScatterChart?

Документация также очень плохая, и я не могу найти информацию об объекте TimeEvent в используемой им библиотеке pondjs.

Как разработчик внешнего интерфейса, как мне найти разные объекты, используемые разными библиотеками, когда документация недоступна? Прямо сейчас я использую инструменты разработчика Chrome, в которых вижу это

Я понятия не имею, что я могу сделать из этого изображения. Что еще я могу сделать, чтобы получить больше информации?

Answer 1

Браузер TimeEvent, который можно просмотреть в инструментах разработчика Chrome, - это класс событий, запускаемых SVG-анимацией на begin, repeat и end.Давайте возьмем пример анимации MDN SVG и добавим несколько слушателей событий.

let svg = document.querySelector('animate');

svg.addEventListener('begin' , ev => console.log('begin animation: class' , ev.constructor.name));
svg.addEventListener('repeat', ev => console.log('repeat animation: class', ev.constructor.name));
svg.addEventListener('end'   , ev => console.log('end animation: class'   , ev.constructor.name));

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL -->

<svg width="300" height="100">
    <title>Attribute Animation with SMIL</title>
    <rect x="0" y="0" width="300" height="100" stroke="black" stroke-width="1" />
    <circle cx="0" cy="50" r="15" fill="blue" stroke="black" stroke-width="1">
      <animate
        attributeName="cx" from="0" to="100"
        dur="5s" repeatCount="3" />
    </circle>
  </svg>

Answer 2

TimeEvent - это структура данных, предоставляемая используемой вами библиотекой pond.js: https://www.npmjs.com/package/pondjs#what-does-it-do

Вы можете найти его исходный код здесь .