注释不起作用，甚至在Dygraphs自己的jsFiddle示例中，为什么？

Question

我现在正在尝试Dygraphs（这看起来真的很棒！）但是由于一些奇怪的原因，注释功能对我来说不起作用，并且它也在dsgraphs自己的画廊的jsFiddle版本中以完全相同的方式失败注释的例子，所以这很可能是开发人员真正想要查看的错误/问题（！）。

重现（同样的事情发生在最新的Firefox和最新的Chrome）：

1.看看Dygraphs画廊中的“注释”示例，这里：http://dygraphs.com/gallery/#g/annotations它工作得很好，看起来很棒，像这样：

2.按下“在jsFiddle中编辑”按钮，在该页面上显示该示例。您现在被发送到jsFiddle，如果您按下“运行”按钮，图表本身（彩色曲线等）显示得很好，但是，只显示注释“符号”的“词干”，而文本注释的内容都显示为图表左侧的普通文本？！像这样：

看起来像某种CSS问题或类似于我，我是否正确？

由于这个例子是Dygraphs自己的例子，它也可以在他们自己的网站上工作但不能在jsFiddle上工作，我猜想所有对数据或代码格式不正确的怀疑也可以放手。它也发生在我试图注释的我自己的计算机上的所有自己的Dygraphs图表中，但是这个原生的Dygraphs图库示例是一个更好的例子来调查我猜？

所以，我的问题当然是，为什么会发生这种情况，如何修复它以使注释正常工作并正确显示？

加成：

让它更简单，以便毫不犹豫地隔离问题。

这是一个非常简单的Dygraph注释示例，我将它放在我自己的本地磁盘上（即作为独立的html文件）：

<html>
<head>
<script type="text/javascript" src="dygraph.js"></script>
<link rel="stylesheet" src="dygraph.css" />
</head>
<body>
<div id="test_chart" style="width:750px; height:350px;"></div>

<script type="text/javascript">
  var test_annotations = [
    {
      series: "TestCol1",
      x: "2017-05-26",
      shortText: "A",
      text: "Test annotation",
      cssClass: 'annotation'
    }
  ];

  testchart = new Dygraph(
    document.getElementById('test_chart'),
    "Date,TestCol1
" +
    "2017-05-25,110
" +
    "2017-05-26,80
" +
    "2017-05-27,75
",
    {}
  );
  testchart.setAnnotations(test_annotations);
</script>
</body>
</html>

当我打开这个文件（在我的计算机上的Chrome文件：//本地，在同一目录中有最新的dygraph.js和dygraph.css）时，这就是我得到的：