我正在做一些可爱的泡泡云示例made by Jim Vallandingham并且我遇到了一些问题。 (代码最初是Coffeescript,我转换为Javascript;如果转换中有任何错误,请告诉我!一切似乎都运行正常。)
云应该在各种.csv文件的数据之间交换,但不幸的是,即使在下拉菜单中选择了不同的文件,也总是默认为特定的。我发现原因是没有通过" if(!text){ text = texts [0]; }"在下面的代码中测试,就像我在这里操纵文本的值一样,可视化改变了。有些东西显然不能正常使用decodeURIComponent尝试获取URL并将其更改为新的,但不幸的是,因为我仍然是Javascript的新手我完全不知道要修改图表的内容。我目前正在本地服务器上托管该文件,如果这很重要的话。原始可视化似乎工作正常,但我不知道代码是否完全匹配。有任何想法吗?源代码I使用(在Coffescript中)is here。如果您需要我发布任何更多的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];
}