javascript - 将 d3 与 URL 查询字符串一起使用

Question

我希望能够提供 URL 以访问我创建的可视化的不同 View 。例如，某些可视化效果每年或每个变量都会发生变化。当用户更改年份或描述的变量时，我想更新 URL。例如，来自

index.html?year=1790&variable=population

到

index.html?year=1820&variable=populationdensity

然后，当访问者访问其中一个 URL 时，使用查询字符串初始化可视化。

也许我必须自己写这个，但是有没有人做过类似的事情或者有如何做到这一点的示例代码？

Answer 1

在你的脚本上你可以做类似的事情

var i=0;
var telem;
var search_values=location.search.replace('\?','').split('&');
var query={}
for(i=0;i<search_values.length;i++){
    telem=search_values[i].split('=');
    query[telem[0]]=telem[1];
}

console.log(query);

在此之后，查询变量应包含查询字符串的所有键:值。 this of 应该包含在函数中以避免污染全局范围