使用链接的x轴绘制多个时间序列图

时间:2018-12-21 20:32:37

标签: javascript reactjs victory-charts

能否在Victory中实现链接了x轴的多个堆叠图表?我正在绘制多个时间序列数据集,并希望能够同时滚动和缩放它们。

下面是使用react-timeseries-charts库的示例GIF of what I'm trying to accomplish

就使用Victory实际实现这一点而言,我尝试修改example code in the Victory docs以将this.state.zoomedXDomain作为VictoryZoomContainer的属性传递到每个图表的zoomDomain中,但这会导致意外的行为-缩放一个图时,另一图的数据域会收缩(正确),但数据不会拉伸以填充图(here's a GIF of this happening)。

这是修改后的示例代码(唯一修改的部分是render方法:我只用存储在组件状态下的zoomDomain值设置了VictoryZoomContainer的{​​{1}}属性):

zoomedXDomain

0 个答案:

没有答案