У меня есть порядковая гистограмма, на оси x которой может быть довольно много значений. Я пытаюсь добавить диаграмму диапазона для навигации по гистограмме, как в этом примере https://dc-js.github.io/dc.js/examples/focus-ordinal-bar.html
Вот моя диаграмма с диаграммой диапазона.
Здесь фильтруется.
Когда я делаю выбор на диаграмме диапазона, основная диаграмма фильтрует эти значения, как и ожидалось. Однако все остальные диаграммы обновляются, как если бы это был выбор.
Я ищу поведение, чтобы фильтрация не происходила, все, что должно измениться, - это полосы, отображаемые на основной диаграмме для целей навигации. Вот как он ведет себя в примере с порядковой шкалой фокуса.
Моя линейчатая диаграмма и диаграмма диапазонов ниже. Я попытался изменить группу и размер диаграммы диапазона на копии группы и измерения, но, похоже, это не имело никакого эффекта.
barChartTemplate
.dimension (dimension)
.group (group)
.x (scaleLinear ().domain (linear_domain))
.xUnits (dc.units.integers)
.keyAccessor (kv => group.ord2int (kv.key))
.elasticY (true)
.brushOn (false)
.dimension (dimension)
.mouseZoomable (true)
.zoomScale ([4, 8])
.title (function (kv) {
return kv.key;
})
var rangeChart = dc.barChart ('#range');
rangeChart.filterHandler (x => {});
rangeChart
.dimension (dimension)
.group (group)
.margins ({left: 40, top: 2, right: 40, bottom: 0})
.height (20)
.x (scaleLinear ().domain (linear_domain))
.xUnits (dc.units.integers)
.keyAccessor (kv => group.ord2int (kv.key))
.valueAccessor (x => {
return x.value.count;
})
.elasticY (true)
.brushOn (true)
.centerBar (true)
.transitionDuration (0);
barChartTemplate.rangeChart (rangeChart);