DC.js:使用下拉菜单过滤dc.js线图

时间:2016-08-03 11:06:49

标签: javascript dc.js crossfilter

jsfiddle:https://jsfiddle.net/v7t8q3jc/10/

我创建了一个dc.js线图,其中显示了“impr”和“click”值。 我想制作一个下拉菜单,并在选择了impr选项时显示我的线图上的impr值以及类似的点击情况。但我对这个问题感到很困惑,因为我之前没有直流经验。

我已经阅读了有关stackoverflow的其他帖子,但是我无法从中获得有意义的内容。我一直坚持这个问题。请建议我做什么。

{
date: 1456501820000,
impr: 1766,
click: 1235,
spend: 4860,
spendsatstart: 4860,    

}

以上是数据样本

d3.select('#val').on('change', function(){ 
    eval(d3.select(this).property('value'));
    //dc.redrawAll(); 
})
function f1() {
		ndx.remove();
    
		var dataNest = d3.nest()
    .key(function(d) {return d.impr ;})
    .entries(data);
    
    ndx.add(dataNest);
    dc.redrawAll();    
}
<h2>Some Cool Heading</h2> 
  <div class="row">
    <div id="lineChart">
      <select id="val" name ="val">
        <option value="">Please select</option>
        <option value="f1()">Impr</option>
        <option value="">Click</option>
      </select>   
     </div> 

我一直试图做的事情就是什么都没做!!

composite chart screenshot

0 个答案:

没有答案