dc.js永久链接或href共享可视化过滤器状态？

以下是您要使用的关键方法:

dc.chartRegistry.list():检索dc已加载的所有图表的数组

chart.filters():检索给定图表的所有过滤器的数组

chart.filter():将过滤器应用于给定图表

dc.redrawAll():应用外部过滤器后重绘所有图表

从那里它只是序列化和反序列化对象的问题.

这是通过字符串化JSON对象来实现此目的的一种方法:

var filters = [];
for (var i = 0; i < dc.chartRegistry.list().length; i++) {
    var chart = dc.chartRegistry.list()[i];
    for (var j = 0; j < chart.filters().length; j++){
        filters.push({ChartID: chart.chartID(), Filter: chart.filters()[j]});  
    }
}
var urlParam =  encodeURIComponent(JSON.stringify(filters));

以下是解析JSON字符串并应用过滤器的相反过程:

var urlParam = ""; //have user input string somehow
var filterObjects = JSON.parse(decodeURIComponent(urlParam));
for (var i = 0; i< filterObjects.length; i++)
{
    dc.chartRegistry.list()[filterObjects[i].ChartID-1].filter(filterObjects[i].Filter);
}
dc.redrawAll();

连接这两个步骤取决于您的方案.您也许可以将字符串保存到数据库或将其作为url参数附加.

这段代码可能缺少一些边缘情况,但它似乎适用于基本的dc.js示例.