0

我根据来自本地数据库的时间序列数据创建了一个初始 dc.js 堆积面积折线图。所有的计算都由数据库服务器处理,数据是按时间间隔(几分钟到几小时)抓取的。使用的交叉过滤器维度是日期(以毫秒纪元时间给出),包括要在一个图表上一起绘制的 2 组。这两组中的值是所选时间间隔的平均值,这也是由数据库服务器完成的,我非常希望避免将整个数据集加载到脚本中。

初始图表呈现和工作正常,但在我的chart.on('zoomed', function(c, f) {..})中,我再次解析数据库以获得一组新的、更准确的数据。

放大图表从较小的时间间隔中选择数据,缩小从较大的时间间隔中选择数据。

我了解需要从交叉过滤器中删除旧数据,并且需要将新数据添加到其中,来源来自该线程。但是,当我在我的chart.on('zoomed', function(c,f) {..})中实现它时,在第一次缩放后它返回一个TypeError: group is undefined

我不明白这个错误来自哪里,chart.group(..)是在页面首次加载时定义的。这是我的功能,

    .on('zoomed', function(chart, filter) {
        var nextLower = stackedLine.x().domain()[0];
        var nextUpper = stackedLine.x().domain()[1];
        $.getJSON('/_try_db', {
            lower : Date.parse(nextLower),
            upper : Date.parse(nextUpper)
            }, function(data) {
            stackedLine.expireCache()
                .stack()
                .x(d3.time.scale().domain([Date.parse(nextLower), Date.parse(nextUpper)]))
            ;
            var new_arr = [];
            $.each(data.result, function() {
            new_arr.push({
                "timestamp" : ($.parseJSON(this)).timestamp,
                "running" : ($.parseJSON(this)).running,
                "waiting" : ($.parseJSON(this)).waiting
                });
            });

            dd.filter(null);
            ndx.remove();
            ndx.add(new_arr);

            dc.redrawAll();
        });
4

1 回答 1

2

离开它并在第二天回来后我想通了。我曾在某处读到 chart.stack()没有传递任何参数,它会删除原始组顶部的所有堆叠组。我以为我必须做这样的事情,因为如果我不这样做,那么会在顶部添加一个额外的堆栈,这是我不想要的。但事实证明这是错误的,如果您在没有任何参数的情况下调用chart.stack()它会返回堆叠的组,但是,如果没有任何东西可以接收返回,它会尝试向堆栈添加一个新组,一个未定义的组

我只是删除了stackedLine.stack()并用正确的数据更新了我的图表。我还删除了stackedLine.x(...),因为再次设置域将不允许图表多次缩放,这违背了首先使用on('zoomed")的目的。

于 2014-07-22T14:41:46.680 回答