如何根據所選系列引用和修改Dygraph對象外部的元素?在下面的示例中(我已創建了JSFiddle mock-up),「Bam-Bam」系列當前突出顯示,因此我希望將字符列表中Bam-Bam標籤的文本大小從1.0em增加到1.1em 。我是否想要設置一個偵聽器函數來跟蹤getHighlightSeries的更改?那又怎麼樣?如何使用突出顯示的Dygraph系列「突出顯示」DOM元素?
提前感謝!
<p/>
如何根據所選系列引用和修改Dygraph對象外部的元素?在下面的示例中(我已創建了JSFiddle mock-up),「Bam-Bam」系列當前突出顯示,因此我希望將字符列表中Bam-Bam標籤的文本大小從1.0em增加到1.1em 。我是否想要設置一個偵聽器函數來跟蹤getHighlightSeries的更改?那又怎麼樣?如何使用突出顯示的Dygraph系列「突出顯示」DOM元素?
提前感謝!
<p/>
所選系列在圖例中獲得「高光」類。不管你喜歡,你都可以用它來設計它。幾個例子參見http://dygraphs.com/tests/series-highlight.html。
爲了突出都當前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