d3.js - 在 Brushmove 而不是 Brushend 上渲染 dc.js 图表

标签 d3.js dc.js crossfilter

我正在尝试使用 dc.js 呈现可视化,该可视化可立即响应 Brushmove 事件。
似乎 dc.js 图表只会在画笔停止移动时重新渲染( example with dc brushend rendering ),而不是与画笔移动同时( example with brushmove rendering )。
有什么方法可以修改这种行为,以便所有 dc 图表将与画笔移动同时重新渲染?

最佳答案

如果您仔细观察,图表会在您移动画笔时实际更新。但是,默认情况下每个 dc.js 图表都有一个 过渡设置,正如您在 the dc.js docs: 中看到的那样transitionDuration控制过渡时间的 ,对于所有图表都设置为 750。
要改变这一点,将 transitionDuration 设置为 0 ,这与禁用转换相同:

chart.transitionDuration(0)

关于d3.js - 在 Brushmove 而不是 Brushend 上渲染 dc.js 图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64578728/

相关文章:

dc.js - 通过单击 dc.js 中的数据表行来过滤数据

dc.js - DC js图表,交叉过滤器不过滤点击

javascript - dc.js 气泡图无法显示点

javascript - 如何获取图像的宽度和高度? ( getBBox() SVG 大小返回 0 )

javascript - 如何告诉 d3js 这个半圆环图应该从左到右填充值

javascript - 使用 d3.js 创建热图,存在颜色问题

javascript - 交叉过滤器.js : group data by month

javascript - d3 zoom 和 brush 同时工作

d3.js - dc.js barChart 第一个和最后一个栏没有完全显示

javascript - dc.js 二维有序堆积条形图,获取 NaN 值并且不显示堆积条形图