帶有重復x值的Dygraph setAnnotations

Question

我正在使用Dygraph 2.0。 我有一個帶有重復x值的csv，當我用此x值繪制重復注解調用setAnnotations函數時。

范例csv：

x,val1,val2,val3
0,1,1,3
1,2,3,5
1,3,3,3
2,4,5,5
3,1,2,2

當我在x = 1上設置注解時，dygraph繪制2注解。 我需要知道是否存在任何表示繪制僅一個注解的方式

Answer 1

我確定這不是最好的選擇，但現在它是我已經找到的解決方案，也許對您有用

http://jsfiddle.net/wn43LLv7/1/

 $(document).ready(function () { var csv = [[0,1,1,2],[1,2,3,3],[1.0001,4,4,4],[2,2,2,2]]; var g = new Dygraph( document.getElementById('graph'), csv, { labels: ['x', 'val1', 'val2', 'val3' ] } ); g.ready(function() { g.setAnnotations([ { series: "val2", x: "1", shortText: "A" } ]); }); }) 

 .thinborder { border-width: 1px; border-spacing: 0px; border-style: solid; border-color: black; border-collapse: collapse; } .thinborder td, #workarea #independent-series .thinborder th { border-width: 1px; padding: 5px; border-style: solid; border-color: black; } .dygraph-annotation { font-size: 14px; left: 217.5px; top: 79.1111px; width: 16px; height: 16px; position: absolute; background-color: red; border-color: rgb(64, 0, 128); color: white !important; padding: 5px; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="http://dygraphs.com/dygraph.js"></script> <div id="graph" style="float: right; margin-right: 50px; width: 400px; height: 300px;"></div>