实施d3点击缩放

时间:2016-11-13 01:31:02

标签: javascript html json d3.js

我是网络新手,但即使我知道这是一个愚蠢的问题......我仍然无法弄清楚我做错了什么。这里的网站上的代码:http://bl.ocks.org/mbostock/2206590好像你可以将它复制并粘贴到一个html文档中,只是修改指向us.json的链接,使它指向完整的文件路径。但是,代码只会拉出一个空白页面。 在演示(http://bl.ocks.org/mbostock/raw/2206590/)上检查页面源代码与主页上提供的代码完全相同。我错过了什么来实现这个? 感谢!!!



  _fileName = Path.Combine(Path.GetTempPath(), Guid.NewGuid().ToString("N"));
  File.Copy(imagePath, _fileName);
  _stream = new FileStream(_fileName, FileMode.Open, FileAccess.Read, FileOptions.DeleteOnClose);
  this._Source = Image.FromStream(_stream);




1 个答案:

答案 0 :(得分:0)

下载us.json文件并将其放在与index.html相同的目录中。然后将路径更改为us.json文件:

d3.json("us.json", function(error, us) {

这对我有用。如果您使用的是Chrome并访问本地计算机上的index.html文件,而不是远程网络服务器,则需要运行本地网络服务器才能使用此功能。如果您只是尝试在Chrome中打开index.html文件,则由于Chrome的本地文件限制,该文件无法正常显示。它需要通过网络服务器访问。

希望这有帮助。