Question

我正在使用DC JS构建图表和数据表。我在代码上方单独添加了日期过滤器，以便我可以选择日期范围。但是当我选择日期范围时。所有内容都从数据表中删除，有时它只显示最高日期的数据。

非常感谢任何帮助！

`//Html Code for Date Button
<div class="col-sm-6">
    <span style="font-size: 12px;">DATE<input type="text" class="form-control date_filter txt_bxe_height cstm_txt_width" id="fromdate"> 
    </div></span>
    <div style="margin-left: -4%;" class="col-sm-6"><span style="font-size: 12px;">TO
    <input type="text" class="form-control date_filter txt_bxe_height" id="todate">
     <h5 class="" id="daterange"></h5></span>
    </div> 

//For Data Table
<div class="col-sm-4">
    <h4 class="titles">PLAN FOR TOMORROW</h4>
    <div class="chart_custom tabel_height">
    <table  class="table table-bordered" id="tabel_plan"></table>
    </div>    
  </div>



----------------------------------------------Javascript Code for both 

 d3.select('#daterange').on('click', function(){    
    var todate=$('#todate').val();
    var fromdate=$('#fromdate').val();     
        exptDimension_recom.filterRange([fromdate,todate]); 
        dc.renderAll();  
       dc.redrawAll();  

    });
    d3.select('#daterange2').on('click', function(){    
    var todate2=$('#todate2').val();
    var fromdate2=$('#fromdate2').val();     
        exptDimension_recom.filterRange([fromdate2,todate2]);   
        dc.renderAll();
         dc.redrawAll();  

tabel_task
        .width(768)
        .height(480)
        .size(10)
        .dimension(exptDimension_task)
        .group(rank2)        
        .columns([function (d) { return  d.Date },
              function (d) { return d["Tasks Performed"] }])
        .sortBy(function (d) { return d.Date })
        .order(d3.descending)`

日期过滤器在DC JS图表和数据表中不起作用

0 个答案: