1

我正在使用Jim Vallandingham 制作的一个可爱的气泡云示例做一些工作，但我遇到了一些问题。（代码最初是我转换为 Javascript 的 Coffeescript；如果转换中有任何错误，请告诉我！一切似乎都运行良好。）

云应该在来自各种 .csv 文件的数据之间进行交换，但不幸的是，即使在下拉菜单中选择了不同的文件，它也始终默认为特定的文件。我发现原因是未能通过下面代码中的“if (!text) { text = texts[0]; }”测试，因为当我在这里操作文本的值时，可视化会发生变化。decodeURIComponent 尝试获取 URL 并将其更改为 new 显然不太有效，但不幸的是，由于我仍然是 Javascript 的新手，我完全不知道要更改什么来修复图表。我目前将文件托管在本地服务器上，如果这很重要的话。原始可视化似乎工作正常，但我不知道代码是否完全匹配。有任何想法吗？源代码我'在这里。如果您需要我发布更多 Javascript 文档以了解发生了什么，请告诉我。

texts = [
  {
    key: "sherlock",
    file: "top_sherlock.csv",
    name: "The Adventures of Sherlock Holmes"
  }, {
    key: "aesop",
    file: "top_aesop.csv",
    name: "Aesop's Fables"
  }, {
    key: "alice",
    file: "alice.csv",
    name: "Alice's Adventures in Wonderland"
  }, {
    key: "gulliver",
    file: "top_gulliver.csv",
    name: "Gulliver's Travels"
  }
];

$(function() {
  var display, key, plot, text;
  plot = Bubbles();
  display = function(data) {
    return plotData("#vis", data, plot);
  };
  key = decodeURIComponent(location.search).replace("?", "");
  text = texts.filter(function(t) {
    return t.key === key;
  })[0];

  if (!text) {
    text = texts[0];
  }
4

0 回答 0