Wymień dane filtru krzyżowego, przywróć wymiary i grupy.

Question

Używam dc.js do renderowania ładnego wykresu bąbelkowego zestawu danych. Undercision dc.js to crossfilter.

Chciałbym płynnie odświeżyć moją kartę z nowymi danymi z serwera. This issue on Github jasno wynika, że ​​możliwe jest, aby zrobić to poprzez:

1. usunięcie wszystkich danych z crossfilter
2. dodając w nowych danych
3. zawijających dc.redrawAll().

Mam to działa, ale aby usunąć wszystkie dane, musisz najpierw wyczyścić wszystkie filtry (ponieważ crossfilter.remove usuwa jedynie rekordy pasujące do bieżącego filtra).

Chciałbym "zapamiętać", jak moje dane były filtrowane wcześniej, więc mogę zrekonstruować filtr ponownie po wymianie wszystkich danych. Jestem gotów dostać się do odwagi kodu crossfilter, ale pomocne będą wszelkie wskazówki.

Dodatkowo: jeśli ktoś zna sposób aktualizacji danych filtra krzyżowego na podstawie unikalnego klucza, to byłby to złoty pył!

Answer 1

Dzięki użytkownika @ londonrob Odpowiedź wszystkie dane są teraz usuwane z indeksu. Oto bardziej funkcjonalne podejście do resetowania danych.

// reset the filter for a dimension 
function resetDimensionFilter (dimension) { 
    dimension.filter(null); 
} 

// reset filters for all given dimensions, 
// remove all data from index and 
// return empty index 
function resetData(ndx, dimensions) { 
    // Clear all filters from dimensions, because `ndx.remove` 
    // only removes records matching the current filters. 
    dimensions.forEach(resetDimensionFilter); 

    // Remove all data from the cross filter 
    ndx.remove(); 
} 

Answer 2

Oto, co skończyło się hackowanie razem. To działa doskonale, choć jestem pewien, że to śmiesznie nieefektywne, ponieważ wszystkie wymiary muszą być tworzone od podstaw:

var _xfilter = crossfilter({x:1, y:2},{x:3, y:4}), 
    _dimensions = []; 

_dimensions.push(_xfilter.dimension(function(d) { return d.x; }); 

// Unfilters all the given dimensions, removes all data 
// from xf and adds newData to xf. 
var _xfilter_reset = function(xf, dimensions, newData) { 
    var i; 
    for (i = 0; i < dimensions.length; i++) { 
     // Clear all filters from this dimension. 
     // Necessary because xf.remove only removes records 
     // matching the current filter. 
     dimensions[i].filter(null); 
    } 
    xf.remove(); // Remove all data from the crossfilter 
    xf.add(newData); 
    return xf; 
} 

// Resets the global crossfilter object and reapplies all 
// current dc.js chart filters. 
var _refresh_data = function(data) { 
    var i, j, 
     chart, oldFilters, 
     allCharts = dc.chartRegistry.list(); 

    _xfilter = _xfilter_reset(_xfilter, _dimensions, data);  

    // Reset all filters using dc.js 
    for (i = 0; i < allCharts.length; i++) { 
     chart = allCharts[i]; 
     oldFilters = chart.filters(); // Get current filters 
     chart.filter(null); // Reset all filters on current chart 
     for (j = 0; j < oldFilters.length; j++) { 
      // Set all the oldFilters back onto the chart 
      chart.filter(oldFilters[j]); 
     } 
    } 
    dc.redrawAll(); 
}