0
Auf Last i dies zu sehen, die alle ohne Filter gesetzt Daten:
Picture: what i havedc.js - Wie Set Bürste (mit spezifischer Breite) zu BarChart auf Last
Ich möchte, dies sehen, Pinsel (Selektor) hoben letzte 21 Tage bereits auf Last:
Picture: what i want
Solved! click for answer
Hier sah ich ähnliche Frage, aber nicht funktioniert für mich
dc.js - is it possible to show the user grab handles upon page load
var lineChart = dc.lineChart(".chart-line-graph");
var dateRangeChart = dc.barChart('.chart-date-range');
var hourDim = ndx.dimension(function(d) {return d.hour;});
var valueByHour = hourDim.group().reduceSum(function(d) {return d.value;});
var minDate = hourDim.bottom(1)[0].date;
var maxDate = hourDim.top(1)[0].date;
lineChart
.renderArea(true)
.width(1360)
.height(350)
.transitionDuration(200)
.margins({top: 30, right: 50, bottom: 45, left: 80})
.dimension(hourDim)
.mouseZoomable(true)
.rangeChart(dateRangeChart)
.brushOn(false)
.x(d3.time.scale().domain([minDate,maxDate]))
.elasticY(true)
.group(value)
.renderHorizontalGridLines(true);
var dayDim = ndx.dimension(function (d) {return d.day;});
var groupByDayDim = moveDays.group();
dateRangeChart
.width(1360)
.height(35)
.margins({top: 0, right: 50, bottom: 20, left: 80})
.dimension(moveDays)
.group(volumeByMonthGroup)
.centerBar(false)
.gap(1)
.x(d3.time.scale().domain([minDate,maxDate]))
.round(d3.time.week.round)
.alwaysUseRounding(true)
.xUnits(d3.time.days);
dateRangeChart
.yAxis().ticks(0);
Wenn ich hinzufügen dieses:
lineChart
.filter(dc.filters.RangedFilter(d3.time.day.offset(xrange[1], -21), d3.time.day.offset(xrange[1], 1)))
Dann BarChart gefiltert werden, aber nicht ausgewählt
Hilft es, wenn Sie eine DC-Aufruf sieht .redrawAll() nach dem Anwenden des Filters auf das Diagramm? –
Nein (ich denke, ich brauche sowas wie .focus(), aber weiß nicht, wie es richtig funktioniert – Felsher70
Soll der Filter auf dem Datums-Chart oder dem Liniendiagramm sein? Jede Chance auf ein funktionierendes Beispiel? –