用立体主义替换冰沙图表,或用pubsub数据提供实时图表

时间:2015-10-01 20:49:27

标签: javascript charts publish-subscribe cubism.js

所以我在node.js上设置Faye为时间序列图做pubsub类型的东西。使用Smoothie Charts,它看起来像这样:

//set up faye subscription
var subscription = client.subscribe('/myfeed', function(message) {
    //add data to appropriate series
    mySeries.append(new Date(),message.value);
});

几乎就是这样。现在我尝试用Cubism.js替换思慕雪。这是推送我工作的单个值的示例:

// create context and horizon
var context = cubism.context().size(960);
var horizon = context.horizon().extent([0,2]);

function testFeed(name) {
    return context.metric(function(start,stop,step,callback){
        var values = [];
        //static value I added
        values.push(85);
        //original random example
        //while (+start < +stop){ start = +start +step; values.push(Math.random());}
        callback(null, values);
    }, name);
}

// draw graph
var metrics = ["Metric1","Metric2","Metric3"];
horizon.metric(testFeed);

可悲的是,我不知道这意味着什么。所以有两件事:

  1. 如何将订阅集成到Feed中?
  2. 如何将单个值发送到每个&#34;指标&#34;?现在,85显示所有3个指标。
  3. enter image description here

    我尝试了以下操作,并将数据记录到控制台,但图表上没有任何内容:

    function testFeed(name) {
        return context.metric(function(start,stop,step,callback){
            var values = [];
            var subscription = client.subscribe('/myfeed', function(message) {
                values.push(message.messageCount);
                console.log(message.messageCount);
            });
            callback(null, values);
        }, name);
    }
    

0 个答案:

没有答案