Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/lua/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
D3.js 条形图缩放会混淆DC图表上的数据过滤_D3.js_Dc.js_Crossfilter - Fatal编程技术网

D3.js 条形图缩放会混淆DC图表上的数据过滤

D3.js 条形图缩放会混淆DC图表上的数据过滤,d3.js,dc.js,crossfilter,D3.js,Dc.js,Crossfilter,我有一个相当长的观察期(龙卷风)800-2016年(大约2000次输入)。为了在一个条形图上显示它们,我对DC.js使用了mouseZoomable(true)函数,但它开始扰乱过滤:用户无法在图表上正确选择间隔,它一直在滑动,似乎是异步的 抱歉,我对D3和DC.js非常陌生,无法找到答案 这是我的密码: var ndx=crossfilter(记录); var YearDim=ndx.dimension(函数(d){returnd[“Year”];}); var numRecordsByYe

我有一个相当长的观察期(龙卷风)800-2016年(大约2000次输入)。为了在一个条形图上显示它们,我对DC.js使用了mouseZoomable(true)函数,但它开始扰乱过滤:用户无法在图表上正确选择间隔,它一直在滑动,似乎是异步的

抱歉,我对D3和DC.js非常陌生,无法找到答案

这是我的密码:

var ndx=crossfilter(记录);
var YearDim=ndx.dimension(函数(d){returnd[“Year”];});
var numRecordsByYear=YearDim.group();
var minYear=YearDim.bottom(1)[0][“Year”];
var maxYear=YearDim.top(1)[0][“年”];
var timeChart=dc.条形图(“时间图”);
时间表
.宽度(600)
.身高(140)
.margins({顶部:10,右侧:50,底部:40,左侧:40})
.尺寸(年尺寸)
.group(numRecordsByYear)
.过渡期(500)
.mouseZoomable(真)
.x(d3.time.scale().domain([minYear,maxYear]))
.zoomOutRestrict([正确])

.elasticY(true)
是基于
YearDim
numRecordsByYear
吗?不看就很难说。你能帮我制作一个演示吗?@Gordon谢谢你的回答。是的。我在这里的代码片段中添加了一些代码行。对不起,我从来没有尝试过fiddle或smth来创建演示。需要时间来解决。你有没有观察到同样的问题?@Gordon不,我没有。这个图表没有同样的问题。我想这是因为这个例子没有“.mouseZoomable”…我更新了dc.js版本,问题就消失了。但现在,当我缩放到某个间隔,然后使用画笔选择该间隔的某个部分时,我无法缩小。它好像被堵住了。我必须使用重启按钮。这正常吗?是基于
yearddim
numRecordsByYear
?不看就很难说。你能帮我制作一个演示吗?@Gordon谢谢你的回答。是的。我在这里的代码片段中添加了一些代码行。对不起,我从来没有尝试过fiddle或smth来创建演示。需要时间来解决。你有没有观察到同样的问题?@Gordon不,我没有。这个图表没有同样的问题。我想这是因为这个例子没有“.mouseZoomable”…我更新了dc.js版本,问题就消失了。但现在,当我缩放到某个间隔,然后使用画笔选择该间隔的某个部分时,我无法缩小。它好像被堵住了。我必须使用重启按钮。这正常吗?