如何使用突出显示的Dygraph系列“突出显示”DOM元素?
问题描述:
如何根据所选系列引用和修改Dygraph对象外部的元素?在下面的示例中(我已创建了JSFiddle mock-up),“Bam-Bam”系列当前突出显示,因此我希望将字符列表中Bam-Bam标签的文本大小从1.0em增加到1.1em 。我是否想要设置一个侦听器函数来跟踪getHighlightSeries的更改?那又怎么样?如何使用突出显示的Dygraph系列“突出显示”DOM元素?
提前感谢!
<p/>
答
为了突出都当前Dygraph系列和其相应的系列名称,我也跟着Dan's意见并放置在(联合国)highlightCallback(S)内部通话切换为重点的风格当前系列标签。
我还将Dygraph标签指向隐藏的div,并生成了我自己的标签。这允许我:a)使用代号标签而不是y轴值;和b)添加我的动作动词(“at”或“to”)来描述角色是否已经从他们以前的位置移开。
我已更新jsFiddle code以反映此解决方案。
这里是成品的俊俏画面:
感谢@danvk,为快速响应。我重新审查了系列高亮示例,并相信我了解如何设置或切换Dygraph中标签的高亮属性。然而,我仍然不明白是否或如何切换Dygraph之外的元素的“高亮”状态(例如,我的“字符列表”中的单个标签)。您能否指点我的例子? –
If你想做任何真正喜欢传奇的东西,你应该摆脱内置的,并使用highlightCallback,unhighlightCallback和公共API创建自己的:http://dygraphs.com/jsdoc/symbols/Dygraph.html – danvk