echarts - 如何在echarts中只连接时间轴？

Question

我们正在使用echarts绘制图表。我们在页面上有多个图表，应该在时间轴上连接（这意味着如果您在一个图表上缩放和滚动，其他图表也会缩放和滚动相同），但不在值轴上。我们目前正在为此使用该connect功能（https://ecomfe.github.io/echarts-doc/public/en/api.html#echarts.connect），但这连接了时间轴和值轴。

是否可以只连接时间轴？

Answer 1

您正在正确地使用connect方法连接组中的图表。但是您还必须定义 dataZoom 的工作方式。

可以通过 dataZoom-inside 控制两个笛卡尔坐标轴。对于仅缩放/滑动 x 轴（在您的情况下为时间轴），请为所有连接的图表尝试以下设置：

dataZoom: [{
  type: 'inside',
  xAxisIndex: 0,
  filterMode: 'weakFilter',
}]

在示例xAxisIndex中代表图表的 xAxis 索引。如果您在同一个图表实例上有几个 x 轴，并且您希望它们都可以缩放 - 只需在数组中列出它们的索引：

xAxisIndex: [0, 1 ,3]

如果您不希望值轴可缩放，请不要设置yAxisIndex 。

在这里您可以找到更多信息： https ://echarts.apache.org/en/option.html#dataZoom-inside.xAxisIndex

希望这可以帮助。