無法使PubNub EON圖表正常工作

我遇到了試圖讓下面的HTML工作的死衚衕。我正在嘗試使用實時測量圖表顯示來自光子的值。這是來自pubnub網站的代碼片段代碼。無法使PubNub EON圖表正常工作

（我已經證明，公佈值在使用JavaScript在JavaScript中註釋掉pubnub代碼到達，顯示在P標籤值）。

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嵌入代碼丟失行。您必須添加pubnub: pubnub,才能將圖形實例綁定到PubNub流。

來源

2016-09-18 21:27:36 Grenello

登陸頁面有遺漏，但所有github回購示例都包括它。我們提交了一個文檔錯誤更新着陸頁。 –

含有遺漏的頁面已更新。再次感謝您報告此問題。 –

無法使PubNub EON圖表正常工作

回答

相關問題