具有重复 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 个注释。我需要知道是否存在任何方式说 dygraph 只绘制一个注释

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>

具有重复 x 值的 Dygraph setAnnotations

Dygraph setAnnotations with repeated x values

javascript

dygraphs