Невозможно получить диаграмму PubNub EON для работы

Я столкнулся с тупиком, пытаясь заставить следующий HTML работать. Я пытаюсь использовать график реального времени, чтобы отображать значение, исходящее от фотона. Это код фрагмента с сайта pubnub.Невозможно получить диаграмму PubNub EON для работы

(я доказал, что опубликованное значение прибывает в JavaScript, используя закомментирована код pubnub в JavaScript. Значение отображается в P теге.)

Р тег отображается на экране, но никакой указатель не отображается.

Не могли бы вы взглянуть на мой код и направить меня туда, где я допустил ошибку. Раньше я не работал с EON, поэтому я могу ошибиться.

<!DOCTYPE html> 

<html> 

<!-- <script type="text/javascript" src="http://cdn.pubnub.com/pubnub-3.16.1.min.js"></script> --> 

<script type="text/javascript" src="//pubnub.github.io/eon/v/eon/0.0.10/eon.js"></script> 
<link type="text/css" rel="stylesheet" href="//pubnub.github.io/eon/v/eon/0.0.10/eon.css"/> 


<div id="chart"></div> 
<script type="text/javascript"> 
*var pubnub = PUBNUB.init({subscribe_key: 'xxxxxxx'}); 

/* 
    pubnub.subscribe ({channel : "datatest", message : function(tempmsg) 
      {document.getElementById("x").innerHTML = tempmsg.eon.data;}}); 

*/ 

var channel 'datatest'; 
eon.chart({ 
      channel: channel, 
      generate: { 
         bindto: '#chart', 
         data: { 
           type: 'gauge', 
           }, 
         gauge: { 
           min: 0, 
           max: 100 
           }, 
         color: { 
           pattern: ['#FF0000', '#F6C600', '#60B044'], 
           threshold: { 
               values: [30, 60, 90] 
              } 
           } 
         } 
      }); 
</script> 



<body> 
    <p id ="x"> This is my text that will be replaced by the value from the photon </p> 
</body> 

</html>

Выход из фотона выглядит следующим образом:

publishing message: {"eon": {"data":56}} 
publishing message: {"eon": {"data":56}} 
publishing message: {"eon": {"data":56}} 
publishing message: {"eon": {"data":56}}

источник

2016-09-18 Grenello

Существует недостающая строка кода в код встраивания PubNub EON JavaScript для диаграммы Gauge.

Вы должны добавить pubnub: pubnub,, чтобы связать экземпляр графа с потоком PubNub.

источник

2016-09-18 21:27:36 Grenello

На целевой странице есть упущение, но все примеры github repo включают ее. Мы отправили ошибку документа для обновления целевой страницы. –

Страница с упущением обновлена. Еще раз спасибо за сообщение об этом. –

Невозможно получить диаграмму PubNub EON для работы

ответ

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