Jim Vallandingham によって作成された素敵な泡雲の例を使用していくつかの作業を行っていますが、少し問題が発生しました。(コードは最初は Javascript に変換した Coffeescript でした。変換中にエラーが発生した場合はお知らせください。すべて正常に動作しているようです。)
クラウドは、さまざまな .csv ファイルのデータを交換することになっていますが、ドロップダウン メニューで別のファイルが選択されている場合でも、残念ながら常に特定のファイルがデフォルトになります。ここでテキストの値を操作すると視覚化が変化するため、以下のコードで「if (!text) { text = texts[0]; }」テストに合格しなかったことが原因であることがわかりました。decodeURIComponent が URL を取得して新しい に変更しようとすると、何かが明らかにうまく機能していませんが、残念ながら、私はまだ Javascript の初心者なので、グラフを修正するために何を変更すればよいかまったくわかりません。問題がある場合は、現在ローカルサーバーでファイルをホストしています。コードが正確に一致するかどうかはわかりませんが、元の視覚化はうまく機能しているようです。何か案は?ソースコード I'はこちらです。何が起こっているのかを知るために、これ以上 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];
}