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.
Questo funziona perfettamente, grazie. – claytonkucera