Question

我希望能够提供URL来访问我创建的可视化的不同视图。例如，某些可视化对于每年或每个变量都会发生变化。当用户更改年份或描述的变量时，我想更新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);

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

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

1 个答案: