我刚刚使用缩小版d3.v3的本地副本切换到开发版本。它在使用缩小版本时工作正常,但使用http://d3js.org/d3.v3.js的本地副本会在标题中给出错误,引用此行:
var € = Math.PI, µ = 1e-6, d3_radians = € / 180, d3_degrees = 180 / €;
当我包含托管文件时,它工作正常。
答案 0 :(得分:65)
问题是您使用ISO-8859-1字符编码(通常是浏览器默认值)为D3服务,而D3必须使用UTF-8编码。通常会发生这种情况,因为您在加载HTML页面的顶部缺少元标记:
<!DOCTYPE html>
<meta charset="utf-8">
元指定的字符集是必需的,因为d3js.org由GitHub Pages提供,并且未在Content-Type响应标头中指定字符集。因此,从加载HTML文档推断出字符集。
如果您愿意,可以在脚本标记上指定charset属性。确保在测试之前清除浏览器缓存,因为缓存副本将保留最初访问时的字符编码:
<script src="http://d3js.org/d3.v3.js" charset="utf-8"></script>
缩小版本不会发生错误,因为变量名称将替换为ASCII等效项。 (我不记得格式字符串中的UTF-8字符同样被转义序列替换,但我仍建议在所有情况下将D3作为UTF-8服务。)
如果您通过在浏览器中查看来源然后使用复制粘贴来下载D3,也会发生编码问题,这就是我建议下载d3.v3.zip的原因。
答案 1 :(得分:3)
这绝对是一个编码问题,试着关注它。
使用Chrome打开您发布的链接(http://d3js.org/d3.v3.js),我也看到了双字节字符:
var π = Math.PI, ε = 1e-6, d3_radians = π / 180, d3_degrees = 180 / π;
如果你几乎没有将文件保存为“将页面保存为...”并且使用Sublime Text(http://www.sublimetext.com/等编辑器打开它,它可以正常工作并显示:
var π = Math.PI, ε = 1e-6, d3_radians = π / 180, d3_degrees = 180 / π;
我试着将这个下载的文件与我的项目一起使用,这没问题。