2015-07-30 2 views
2

Я следую следующему примеру, чтобы опубликовать свои данные, используя диаграммы pubnub и eon. Когда я публикую только один поток данных i.e 'checkpointsize', диаграмма отображает штраф, но в минуту я ввожу данные2 i.e 'checkpointlength', это дает мне ошибкуPubnub EON-диаграмма, отображающая несколько данных в диаграмме

Ошибка при отсутствии: в исходных данных отсутствует компонент (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

Объедините два потока данных в одном графике с PubNub Eon

Похоже, вы пытаетесь построить два вектора на одном графике , Это можно сделать, передав значения вместе одновременно в том же опубликованном объекте сообщения. Я думаю, вы публикуете дважды в своем примере. Ваше сообщение публикации должно содержать обе точки данных. Вот пример

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

Спасибо, что это проблема. Вы, ребята, в Pubnub великолепны. – Imo

+0

Можно ли изменить css диаграмм? – Imo

+0

Да, действительно, вы можете. Обратитесь к этому документу: http://c3js.org/samples/style_grid.html и добавьте классы стиля, такие как '.c3-xgrid-line line {stroke: blue; } '. – PubNub

Смежные вопросы