如何将Recharts图表与非Recharts图表的自定义内容同步

抱歉,问题问得太快了,还没来得及深入搜索。好吧,这不是文档中写的,也不是鼓励的,但是您完全可以依赖内部事件发射器来侦听同步事件并触发同步事件。

我的代码

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

// [...]

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

// [...]

灵感来自 the actual component behaviour here

据我所知,在导入eventCenter之后不能触发事件,因为您不会得到recharts图表具有的相同实例。每次导入都会返回一个新的eventcenter实例,因此即使您触发了事件,图表也不会收到它,因为它不是同一个eventcenter。