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

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

Image of example Dygraph

提前感谢！

<p/>

来源

2013-06-01 DUHdley d' Urite

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

来源

2013-06-01 16:47:14 danvk

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

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

来源

2013-06-18 20:35:03

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

回答

相关问题