如何使用突出显示的Dygraph系列“突出显示”DOM元素?

问题描述:

如何根据所选系列引用和修改Dygraph对象外部的元素?在下面的示例中(我已创建了JSFiddle mock-up),“Bam-Bam”系列当前突出显示,因此我希望将字符列表中Bam-Bam标签的文本大小从1.0em增加到1.1em 。我是否想要设置一个侦听器函数来跟踪getHighlightSeries的更改?那又怎么样?如何使用突出显示的Dygraph系列“突出显示”DOM元素?

Image of example Dygraph

提前感谢!

<p/> 

所选系列在图例中获得“高光”类。不管你喜欢,你都可以用它来设计它。几个例子参见http://dygraphs.com/tests/series-highlight.html

+0

感谢@danvk,为快速响应。我重新审查了系列高亮示例,并相信我了解如何设置或切换Dygr​​aph中标签的高亮属性。然而,我仍然不明白是否或如何切换Dygr​​aph之外的元素的“高亮”状态(例如,我的“字符列表”中的单个标签)。您能否指点我的例子? –

+0

If你想做任何真正喜欢传奇的东西,你应该摆脱内置的,并使用highlightCallback,unhighlightCallback和公共API创建自己的:http://dygraphs.com/jsdoc/symbols/Dygraph.html – danvk

为了突出当前Dygraph系列其相应的系列名称,我也跟着Dan's意见并放置在(联合国)highlightCallback(S)内部通话切换为重点的风格当前系列标签。

我还将Dygraph标签指向隐藏的div,并生成了我自己的标签。这允许我:a)使用代号标签而不是y轴值;和b)添加我的动作动词(“at”或“to”)来描述角色是否已经从他们以前的位置移开。

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

这里是成品的俊俏画面: demo of Dygraph project