dygraphs - 如何使用相应的突出显示的 Dygraph 系列“突出显示” DOM 元素？

Question

如何根据所选系列引用和修改 Dygraph 对象之外的元素？在下面的示例中（为此我创建了一个JSFiddle 模型），“Bam-Bam”系列当前突出显示，所以我想将字符列表中 Bam-Bam 的标签的文本大小从 1.0em到 1.1em。我是否要设置一个侦听器函数来跟踪对getHighlightSeries的更改？然后呢？

提前致谢！

<p/>

Answer 1

为了突出显示当前的 Dygraph 系列及其相应的系列名称，我按照Dan 的建议在[un]highlightCallback(s)中进行了调用，以切换当前系列标签的强调样式。

我还将 Dygraph 标签指向一个隐藏的 div，并生成了我自己的标签。这使我能够： a) 使用股票标签而不是 y 轴值；b) 添加我的动作动词（“at”或“to”）来描述角色是否已从之前的位置移动。

我已更新jsFiddle 代码以反映此解决方案。

这是成品的纯图片：

Answer 2

所选系列在图例中获得“突出显示”类。您可以使用它来设置您喜欢的样式。有关一些示例，请参见http://dygraphs.com/tests/series-highlight.html。