Pyecharts DataZoomOpts xaxis_index 参数详解 - 如何应用数据缩放组件到指定 X 轴

在 Pyecharts 中，datazoom_opts 的 xaxis_index 参数用于指定数据缩放组件应用到哪个 X 轴上。

具体用法如下：

1. 创建图表对象时指定 X 轴索引值

   • 使用 add_schema() 方法指定 X 轴的索引值。例如，X 轴索引值为 0，则可以使用 add_schema(xaxis_index=0) 将 X 轴的索引值设置为 0。

   from pyecharts import options as opts
   from pyecharts.charts import Line
   
   line = Line()
   line.add_xaxis(['A', 'B', 'C', 'D', 'E'])
   line.add_yaxis('series', [1, 3, 2, 4, 5])
   line.set_global_opts(
       datazoom_opts=[opts.DataZoomOpts(xaxis_index=0)]
   )
   line.render('line_chart.html')
   

   在上述示例中，通过 add_xaxis() 方法添加了一个 X 轴，并将索引值设置为 0。然后在设置全局选项时，通过 datazoom_opts 参数指定了数据缩放组件应用到索引值为 0 的 X 轴上。

2. 多个 X 轴指定不同索引值

   • 当有多个 X 轴时，可以指定不同的索引值，以使数据缩放组件应用到不同的 X 轴上。

   from pyecharts import options as opts
   from pyecharts.charts import Line
   
   line = Line()
   line.add_xaxis(['A', 'B', 'C', 'D', 'E'])
   line.add_xaxis(['1', '2', '3', '4', '5'])
   line.add_yaxis('series', [1, 3, 2, 4, 5])
   line.set_global_opts(
       datazoom_opts=[
           opts.DataZoomOpts(xaxis_index=0),
           opts.DataZoomOpts(xaxis_index=1)
       ]
   )
   line.render('line_chart.html')
   

   在上述示例中，通过 add_xaxis() 方法分别添加了两个 X 轴，并将它们的索引值分别设置为 0 和 1。在设置全局选项时，通过 datazoom_opts 参数分别指定了数据缩放组件应用到索引值为 0 和 1 的 X 轴上。

总结

通过使用 datazoom_opts 的 xaxis_index 参数，可以灵活地控制数据缩放组件应用到哪个 X 轴上，以实现更精确的数据缩放效果。