Сохранение фильтров dc.js в URI и их восстановление

Question

Здесь я выбрал 3 фильтра 1 из каждого графика и вставил этот закодированный url в url param. но когда я нажимаю кнопку расшифровки url, она перерисовывает только средние фильтры диаграммы, но не оставшиеся один раз. Что мне делать? благодаря

function encodeFunction() 
{ 
    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)); 
    alert(urlParam); 
} 
function decodeFunction() 
{ 
    //encoded url here 
    var urlParam="%5B%7B%22ChartID%22%3A1%2C%22Filter%22%3A2012%7D%2C%7B%22ChartID%22%3A2%2C%22Filter%22%3A%5B1.0454545454545454%2C4.045454545454545%5D%7D%2C%7B%22ChartID%22%3A3%2C%22Filter%22%3A%22Mr%20B%22%7D%5D "; 

    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.renderAll(); 

    dc.redrawAll(); 
} 

здесь скрипка: js fiddle link

Answer 1

Похоже, что ваш код является правильным для общего случая , но из-за некоторых причуд в том, что dc.js обрабатывает фильтры, вы не можете просто восстановить фильтр диапазона от его сериализованной формы.

Я был в состоянии получить работу, добавив особый случай массивов:

for (var i = 0; i< filterObjects.length; i++) 
    { 
     var filter = filterObjects[i].Filter; 
     if(filter instanceof Array) filter = dc.filters.RangedFilter(filter[0], filter[1]); 
     dc.chartRegistry.list()[filterObjects[i].ChartID-1].filter(filter); 
    } 

Вот моя вилка вашей скрипки: http://jsfiddle.net/gordonwoodhull/4dv93aht/10/

Я не думаю, что должны быть необходимы такие особые случаи , поэтому я открыл вопрос здесь: https://github.com/dc-js/dc.js/issues/819

Answer 2

Взгляните на этот вопрос & рабочий пример dc.js permalink or href to share the visualisation filter state?

https://github.com/Edouard-Legoupil/3W-Dashboard/blob/gh-pages/index.html