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

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

xAxisIndex: [0, 1 ,3]

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

yAxisIndex

。 在这里您可能会发现更多：

https://echarts.apache.org/en/option.html#dataZoom-inside.xAxisIndex

希望这有帮助。

Answer 2