如何仅在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

希望这会有所帮助。