Как синхронизировать диаграмму Recharts с чем-то, что не является графиком Recharts

Question

В настоящее время вы можете легко синхронизировать две диаграммы, используя свойство syncId, например в этой скрипке .

Я бы хотел спроектировать что-то с помощью D3 вне области действия Recharts,Можно ли перехватывать события или обратные вызовы, позволяя мне синхронизировать мой пользовательский компонент так же, как это делают два компонента Recharts?

Спасибо

Answer 1

Извините, задал вопрос слишком быстро, прежде чем искать время для более глубокого поиска.AFAIK, это не то, что написано в документации и поощряется, но вы полностью можете положиться на внутренний источник событий, чтобы прослушивать события синхронизации и запускать также события синхронизации.

Мой код

import { eventCenter, SYNC_EVENT } from 'recharts/lib/util/Events';

// [...]

eventCenter.on(SYNC_EVENT, (cId, chartId, data) => {
  console.log(cId, chartId, data);
});

// [...]

Вдохновленный фактическим поведением компонента здесь