我有一些数据集,其中一些字段值是数组,我想使用crossfilter和d3.js或dc.js来显示数据集中每个值存在多少次的直方图.
这是一个例子:
var data = [
{"key":"KEY-1","tags":["tag1", "tag2"]},
{"key":"KEY-2","tags":["tag2"]},
{"key":"KEY-3","tags":["tag3", "tag1"]}];
var cf = crossfilter(data);
var tags = cf.dimension(function(d){ return d.tags;});
var tagsGroup = tags.group();
dc.rowChart("#chart")
.renderLabel(true)
.dimension(tags)
.group(tagsGroup)
.xAxis().ticks(3);
dc.renderAll();
Run Code Online (Sandbox Code Playgroud)
和JSFiddle http://jsfiddle.net/uhXf5/2/
当我运行该代码时,它生成如下图形:
但我想要的是这样的:
为了使事情变得更加复杂,能够通过单击的标记单击任何行和过滤数据集将是非常棒的.
任何人有任何想法如何实现这一点?
谢谢,克斯特亚
最近开始玩Meteor并遇到了一个问题:我收集了存储在MongoDB中的记录并代表测试,每个测试记录都有嵌套的测试执行结果集合/数组.在前端我试图显示按成功或失败的测试执行次数排序的测试列表.该数字不存储在DB中,是计算结果.
任何人都可以提出一个想法如何在Meteor中实现它?我还没有找到一种按计算属性排序的方法,并且正在寻找如何制作基于真实的虚拟/代理集合以及显示/排序虚拟但尚未找到任何内容的想法.
非常感谢您的帮助.