自动聚焦highcharts中的图例项

在highcharts中实现图例栏时，我们面临一个问题。图例栏可滚动显示多个图例项。图表上仅突出显示了少数图形/系列，其余图形/系列均不可见。因此，如果图例栏中有20个项目，并且只有最后一个项目高亮显示，则当第一次在浏览器上访问图表时，显示为没有任何项目高亮显示，因为默认情况下图例将显示第一页。只有在用户滚动到图例的下一页后，才能访问图例中突出显示的项目。相反，我们希望图例栏也能自动聚焦到第一个突出显示的项目所在的屏幕上

这可能吗

---

提前谢谢

没有正式的方法，但您有两种选择：

• 确保可见系列始终排在第一位（只需在创建图表之前对其进行排序）
• 使用内置功能，使用

  chart.legend.scroll（页面索引、动画）滚动图例

---

谢谢你，波维尔。你能为这个代码提供任何模板吗，这样我就可以在我们的项目中使用这个模板。什么样的模板。。？在创建图表之前对序列进行排序。或者使用

this.legend.scroll

（

this

指向图表）。滚动部分现在工作正常。如果图例栏中的每个项目都高亮显示，是否有方法检查它们？换句话说，我认为需要一个循环来解析图例barTry的每一页，以循环所有系列并检查系列是否可见（

series.visible

flag）。这与检查图例项目状态相同。谢谢Pawel。事实上，我能够循环浏览整个系列。但是我如何知道“可见”系列的图例栏中的页码呢。例如，如果图例栏中有20个项目显示在3个页面上，分别为1/3、2/3和3/3。如果第20项/系列可见，我如何将该系列映射到“图例栏上的相应页面（1/3或2/3或3/3）”，以便调用如下滚动函数。图例.scroll（）；我们有一个肮脏的解决方案，根据已经解析的序列数自动增加页面。有没有通用的解决方案。