我目前正在嘗試Dygraphs（這似乎真的偉大的順便說一句！），但由於一些奇怪的原因，註釋功能將不適用於我，並且它也失敗了在jsFiddle版本完全相同的方式Dygraphs自己的註釋示例，因此這很可能是開發人員真正想要查看的錯誤/問題（！）。註解不起作用，即使在Dygraphs自己的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\n" +
"2017-05-25,110\n" +
"2017-05-26,80\n" +
"2017-05-27,75\n",
{}
);
testchart.setAnnotations(test_annotations);
</script>
</body>
</html>
當我打開這個文件（本地與文件：//在Chrome中我的電腦上，其在同一目錄最新dygraph.js和dygraph.css），這是我得到：
正如你所看到的，完全一樣的問題，如上所述，在這裏出現，即只有「幹」的測試註釋在圖形本身中可見，而註釋文本（「A」）顯示在圖形的左側。
加載此文件後，Firebug控制檯爲空，加載任何圖像的任何嘗試（不成功或以其他方式）都無法在Firebug網絡選項卡中找到。
再說一次，這對我來說很像CSS定位問題，但我當然很可能是錯的？
這個問題的答案提供了對這個問題則是：
如何，在儘可能少的和簡單的改變/步驟有可能，我會得到這個地方例子的PoC代碼Dygraphs註釋工作打算，即顯示在圖中正確位置的正方形中的正方形內的註釋文本「A」（即，在「註釋詞幹」當前剛剛顯示的位置，就像在我上面的第一個screendump的Dygraphs頁面上的工作示例中所做的那樣在這個問題）？
感謝您的回覆！我的確懷疑缺少美元符號（和圖表的jsFiddle版本中的相關碎片圖像標記）是由於這個原因造成的，但是常規的方形註記文本框是否也是圖像？當我在jsFiddle中加載圖形時運行Firebug時，唯一嘗試（並失敗）的圖像加載是'dollar.png'？如果還有正常文本註釋所需的圖像，我在哪裏可以找到這些圖像？ – QuestionOverflow
請參閱我上面的問題文本，以避免任何和所有誤解。在這個非常簡單的本地示例中，應該如何更改以使其正確顯示測試註釋？ – QuestionOverflow
現在請在下面看到我自己的答案（包含有關此錯誤/問題的更多問題）。 – QuestionOverflow