使用可排序表时出现d3.v3错误？

Question

我有一个示例D3 Javascript代码（位于此处 ），该示例创建表，使用D3.js库混合文本，链接和条形图。

Gist示例在chrome和Safari中都可以使用d3.v2.js版本，该版本可以通过以下路径访问：

<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.4.5"></script>

您可以通过以下路径访问d3.v2.js源：“ http://mbostock.github.com/d3/d3.js ”（这似乎告诉我，我指向的版本是d3.v2。 js”）。

重要信息：在这种情况下，我知道代码工作正常，因为“节点”列都是“可钻取”的HTML超链接。 当我尝试使用d3.v3时，问题似乎开始了。

注意：我下载了d3.v3，并使用了可排序表示例的本地副本（读者可以从http://bl.ocks.org/Guerino1/6366020获得）。 我指出了d3.v3.js库的两个版本（普通版和精简版），并遇到两个不同的问题...

---

问题1：在第一种情况下，我将未缩小的文件“ d3.v3.js”复制到“ d3.js”的本地副本中，并使用以下命令进行访问：

<script type="text/javascript" src="../LIBS/D3/d3.js"></script>

当我这样做时，我在d3.js文件中收到一个错误，该错误显示为“ [错误]语法错误：无效字符'\\ u8364'（d3.js，第1175行） ”另外，在这种情况下，“节点”列不会变成超链接（即，链接的完整路径将呈现为文本，而不是超链接）。 （ 这在Chrome和Safari中都是一致的。 ）

---

问题2：在第二种情况下，我将缩小的文件“ d3.v3 / d3.v3.min.js”复制到d3.js的本地副本中，并使用上面相同的路径进行访问。 在第二种情况下，我没有收到任何错误，但是第一列中的节点仍然没有变成超链接（即，链接的完整路径被呈现为文本，而不是超链接）。 （ 这在Chrome和Safari中都是一致的。 ）

Answer 1

版本3中的D3在某些代码中使用unicode字符作为变量名称（尤其是投影代码中的希腊字母）。 包含脚本时，需要指定字符编码，即

<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

注意charset="utf-8" 。