Масштабирование диаграммы диапазона без фильтрации - PullRequest
1 голос
/ 28 мая 2020

У меня есть порядковая гистограмма, на оси x которой может быть довольно много значений. Я пытаюсь добавить диаграмму диапазона для навигации по гистограмме, как в этом примере https://dc-js.github.io/dc.js/examples/focus-ordinal-bar.html

Вот моя диаграмма с диаграммой диапазона. enter image description here

Здесь фильтруется. enter image description here

Когда я делаю выбор на диаграмме диапазона, основная диаграмма фильтрует эти значения, как и ожидалось. Однако все остальные диаграммы обновляются, как если бы это был выбор.

Я ищу поведение, чтобы фильтрация не происходила, все, что должно измениться, - это полосы, отображаемые на основной диаграмме для целей навигации. Вот как он ведет себя в примере с порядковой шкалой фокуса.

Моя линейчатая диаграмма и диаграмма диапазонов ниже. Я попытался изменить группу и размер диаграммы диапазона на копии группы и измерения, но, похоже, это не имело никакого эффекта.

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);
...