Pubnub EON 图表在图表中呈现多个数据

Question

我按照以下示例使用 pubnub 和 eon 图表发布我的数据。当我只发布一个数据流时，即 'checkpointsize' 图表呈现正常，但在我输入数据 2 即 'checkpointlength' 的那一刻，它给我错误

未捕获错误：源数据在 (1,1) 处缺少组件！

我可以在 pubnub 控制台中看到数据，这意味着我正在获取数据流，但它无法呈现到图表中。

var pubnub = PUBNUB({
    subscribe_key : 'YOUR_SUBSCRIBE_KEY_HERE'
});

eon.chart({
    pubnub   : pubnub,
    history  : false,
    channel  : 'orbit_channel',
    flow     : true,
    generate : {
        bindto : '#chart',
        data   : {
            x      : 'x',
            labels : true
        },
        axis : {
            x : {
                type : 'timeseries',
                tick : {
                    format : '%H:%M:%S'
                },
                zoom: {
                   enabled: true
                }
            }
        }
    },
    transform : function(m) {
        return { columns : [
            ['x', new Date().getTime()],
            ['Checkpoint Size', m.checkpointsize],
            ['Checkpoint length', m.checkpointlength]
        ] };
    }
});

这里是 pubnub 控制台

Answer 1

使用 PubNub Eon 将两个数据流合并到一个图表中

您似乎正试图在同一张图上绘制两个向量。您可以通过在同一个发布的消息对象中同时传输这些值来做到这一点。我认为您在示例中发布了两次。您的发布消息需要包含两个数据点。这是一个例子

pubnub.publish({
    "checkpointsize"   : 75.0,
    "checkpointlength" : 5000.0
})

Pubnub EON 图表在图表中呈现多个数据

Pubnub EON chart rendering multiple data in the chart

pubnub

c3

使用 PubNub Eon 将两个数据流合并到一个图表中