Не удается заставить работать диаграмму PubNub EON

Я зашел в тупик, пытаясь заставить работать следующий 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}}
Источник

1 ответ

Решение

В JavaScript-коде PubNub EON для калибровочной диаграммы отсутствует строка кода.

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

Источник
Другие вопросы по тегам