javascript - dc.js 散点图和 elasticY 行为

Question

每当触发重绘事件时，elasticY(true) 是否应使散点图重新计算 y 轴范围？

我已经使用 Scatter Brushing 示例进行了演示。每个图表都添加了以下属性:

.yAxisPadding('5%')  // Allow the max values to be brushed
.elasticY(true)      // Allow the chart to recalculate the Y axis range

这是一个jsFiddle示例。

我想通过刷左散点图，选择图表中间的几个点，会导致右散点图重新计算其 Y 轴范围。但这似乎不正确。是错误还是我遗漏了什么？

Answer 1

与 elasticX 和 elasticY 一样，dc.js 正在查看所有的容器，无论它们是否为空。

您可能会争辩说它忠实地显示了所有数据，只是碰巧其中一些数据为零。 :-)

要删除这些零，请使用常见问题解答中的 remove_empty_bins:

    function remove_empty_bins(source_group) {
        return {
            all: function () {
                return source_group.all().filter(function(d) {
                    //return Math.abs(d.value) > 0.00001; // if using floating-point numbers
                    return d.value !== 0; // if integers only
                });
            }
        };
    }
    chart1
        .group(remove_empty_bins(group1))
    chart2
        .group(remove_empty_bins(group2))

Fork of your fiddle.

请注意散点图 joins the data in a naive way它不提供非常好的动画过渡。我通常建议使用 .transitionDuration(0) 关闭散点图的过渡，因为它们没有用。