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

时间:2015-07-30 10:13:45

标签: pubnub c3

我正在按照以下示例使用pubnub和eon图表发布我的数据。当我只发布一个数据流,即'checkpointsize'时,图表渲染得很好,但是当我输入data2,即'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控制台

enter image description here

1 个答案:

答案 0 :(得分:1)

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

看起来你试图在同一个图上绘制两个向量。这可以通过在同一个已发布的消息对象中同时传输值来实现。我想你在你的例子中发表了两次。您的发布消息需要包含两个数据点。这是一个例子

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