2015-05-27 11 views
6

Sono nuovo di dc.js.Accesso a dati filtrati/ritagliati da un grafico dc.js

ho alcuni dati:

var data = 
[ 
     {date: Date.UTC(2015, 4, 4), frame: "frame1" }, 
     {date: Date.UTC(2015, 2, 1), frame: "frame2" }, 
     {date: Date.UTC(2015, 2, 11), frame: "frame3" }, 
     {date: Date.UTC(2015, 1, 4), frame: "frame4" }, 
]; 

//create crossfilter 
    cf = crossfilter(data); 
//create dimension 
    byDate = cf.dimension(function (d) { 
      return d.date; 
    }); 
//create group 
    byDateGroup = byDate.group(); 

e sto lavorando con questo dc.lineChart:

//configure timeGraph 
    timeGraph = dc.lineChart("#range") 
    .width(document.body.clientWidth) 
    .height(100) 
    .dimension(byDate) 
    .group(byDateGroup) 
    .transitionDuration(500) 
    .elasticY(true) 
    .x(d3.time.scale().domain([(byDate.bottom(1))[0].date, (byDate.top(1))[0].date + 1000])) 
    ; 

e vorrei di accedere ai dati che viene filtrata dalla barra di selezione campo di regolazione. Penso che passare una funzione a onfiltered funzionerebbe, ma non so cosa accedere da chart per poter restituire i dati attualmente filtrati.

timeGraph.on("filtered", function (chart) { 
    console.log(/* print the data filtered by the 'range selector' */); 
}); 

Here's a JSFiddle with an example. Se l'esempio dovesse funzionare correttamente, tutto ciò che viene visualizzato dal tavolo dovrebbe comparire nella console.

Grazie in anticipo.

risposta

Problemi correlati