在ESNet react-timeseries-chart图表上启用缩放

Question

我目前正在玩ESnet's react timeseries charting components，其特定目标是允许用户像他们的currency example一样放大显示的图表。

根据their documentation，据我对示例源代码的理解，如果有人正在绘制这样的图表，就足够了：

<ChartContainer timeRange={series.range()}>
   ...
</ChartContainer>

向道具添加enablePanZoom={true}以启用缩放。例如：

<ChartContainer timeRange={series.range()} enablePanZoom={true}>
   ...
</ChartContainer>

但是，这不起作用，我不明白为什么。我想文档中的某些内容或示例使我难以理解：

• 在本地运行可缩放示例的工作符合预期
• 在启用缩放标记的情况下运行不可缩放的示例不起作用

因此，问题是：如何使反应时间序列图图表可缩放？

编辑：答案很明显：一个必须使用onTimeRangeChanged并更新状态，否则，po ... / p>

Answer 1

在他们的示例中，他们使用 np.log(df.my_date.dt.year) 0 7.595890 1 7.596894 2 7.597898 3 7.598900 4 7.599902

如果您查看示例源代码，请访问https://github.com/esnet/react-timeseries-charts/blob/master/src/website/packages/charts/examples/currency/Index.js

他们将函数定义为

onTimeRangeChanged={this.handleTimeRangeChange}

您尝试过吗？