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

Gauge Chart的PubNub EON JavaScript嵌入代码中缺少一行代码。

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

无法获得PubNub EON图表

1 个答案: