.elasticX (правда) не работает dc.js

Question

У меня есть композитный Linechart

.elasticX (правда) не работает:/Может кто-то помочь мне

var composite = dc.compositeChart("#durationline-chart"); 
    composite.width(1500).height(350) 
     .group(Durations) 
     .brushOn(true) 
     .yAxisLabel("Duration") 
     .x(d3.scale.ordinal()) 
     .xUnits(dc.units.ordinal) 
     .margins({ top: 10, left: 50, right: 10, bottom: 50 }) 
     .elasticY(true) 
     .elasticX(true) 
     .renderlet(function(chart) { 
       chart.selectAll("g.x text") 
        .attr('transform', "rotate(+20)"); 
      }) 
     .compose([ 
      dc.lineChart(composite) 
       .group(Testcase_Time, "Time") 
       .colors('#1E90FF'), 
      dc.lineChart(composite) 
       .group(Testcase_Smartkey, "Smartkey") 
       .colors('red')]); 

EDIT: Вот jsfiddle: https://jsfiddle.net/gordonwoodhull/o9xx3fmm/

Answer 1

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

Это потому, что crossfilter все еще возвращает ячейки, если они пусты - они просто имеют значение ноль. Таким образом, dc.js все еще обнаруживает домен всех ящиков, включая пустые.

Что вы можете сделать, это использовать поддельную группу, чтобы удалить пустые контейнеры

function remove_empty_bins(source_group) { 
    return { 
     all:function() { 
      return source_group.all().filter(function(d) { 
       return d.value != 0; 
      }); 
     } 
    }; 
} 


var filtered_group = remove_empty_bins(group); 

chart.dimension(dim) 
    .group(filtered_group) 
    ... 

Тогда dc.js обнаружит только область ненулевых значений. Подробнее in the FAQ.

Вы должны применить это ко всем группам, составляющим диаграмму.