dc.js - 如何动态更改条形图中的 bin 大小(dc.js)?
问题描述
所以我多次调用下面的代码,但问题是条形图箱大小被卡在我放置的第一个数据上,一切都在改变,但不是箱大小。
barChart
.width(1080)
.height(138)
.margins({top: 10, right: 10, bottom: 20, left: 50})
.dimension(key_map[$(this).text()].Dim)
.group(key_map[$(this).text()].Group)
.colors(['#6baed6'])
.x(d3.scale.ordinal().domain(key_map[$(this).text()].Dim))
.xUnits(dc.units.ordinal)
.elasticY(true)
.yAxis().ticks(4);
barChart.elasticX(true).filterAll();dc.redrawAll();
解决方案
感谢@Gordon,我终于弄明白了。
即使我在打电话,键的数组也被忽略了elasticX(true);
所以我最终打电话chart.focus([all_the_keys_from_the group]);
,现在它工作得很好。
barChart
.dimension(key_map[$(this).text()].Dim)
.group(key_map[$(this).text()].Group)
.x(d3.scale.ordinal().domain(key_map[$(this).text()].Dim))
.xUnits(dc.units.ordinal)
.elasticX(true);
var focus_keys = [];
key_map[$(this).text()].Group.all().forEach(element => {
focus_keys.push(element.key);
});
barChart.focus(focus_keys);
barChart.filterAll(); dc.redrawAll();
推荐阅读
- javascript - Javascript - 在这种情况下如何显示 obj.element 的文本/字符串
- python - OpenCV 无法正确检测眼睛
- go - 不要从模型包中导入我的自定义模型
- django - 如何在 django-rest 中按日期范围过滤?
- vba - 试图从一个类中访问字典。运行时错误 91
- javascript - 记忆游戏星级错误(未捕获的类型错误:无法读取未定义的属性“删除”)
- hyper-v - Hyper-V 内部交换机 IP 地址(和网络)不断变化
- sql - 在 SQL PostgreSQL 中按行分组列
- html - Bootstrap4 行间距
- python-3.x - 从python数组中分割偶数/奇数索引的最佳方法?