Question

我正在使用Dygraph 2.0。我有一个带有重复x值的csv，当我调用setAnnotations函数时，这个x值绘制了重复的注释。

示例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注释。我需要知道是否存在任何对dygraph说只绘制一个注释的方法

Answer 1

我相信这不是最好的选择，但现在它是我已经想出的解决方案，也许它适合你

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

＆＃13;

$(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"
    }
    ]);
  });
  })

＆＃13;

.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;
}

＆＃13;

<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>

＆＃13;

具有重复x值的Dygraph setAnnotations

1 个答案: