无法使 PubNub EON 图表正常工作

Question

我已运行陷入死胡同，试图让以下 HTML 工作。我正在尝试使用实时仪表图表来显示来自光子的值。这是来自 pubnub 站点的代码片段。

（我已经使用 Javascript 中注释掉的 pubnub 代码证明发布的值到达 Javascript。该值显示在 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}}

Answer 1

PubNub EON 中缺少一行代码 JavaScript 仪表图的嵌入代码。

您必须添加 pubnub: pubnub, 才能将图形实例绑定到 PubNub 流。

无法使 PubNub EON 图表正常工作

Cannot get PubNub EON chart to work

pubnub

particles

photon