从“演示”键更改为我的键后无法填充 EON 图表

Question

我正在使用一个使用“演示”键的简单演示教程，它运行良好。一旦我将“publish_key”和“subscription_key”更改为我自己的密钥（来自 PubNub），它就不再起作用了。查看 PubNub 调试监视器，我看到应用程序发布正常，但图表没有从订阅中收到任何内容。我想我在这里遗漏了一些基本的东西。谁能帮助我走上正轨？

<html>

<head>
</head>

<body>
    <script type="text/javascript" src="http://pubnub.github.io/eon/lib/eon.js"></script>
    <link type="text/css" rel="stylesheet" href="http://pubnub.github.io/eon/lib/eon.css" />

<div id="chart"></div>
<script>
    var pubnub = PUBNUB.init({
        publish_key: 'pub-c-be6f6fd9-ebd3-496b-9490-50e82e5a2f01',
        subscribe_key: 'sub-c-08b50a70-3c9e-11e6-9baf-0619f8945a4f'
    });

    eon.chart({
        channel: 'eon-bar-chart',
        generate: {
            bindto: '#chart',
            data: {
                type: 'bar'
            }
        }
    });

    setInterval(function() {

        pubnub.publish({
            channel: 'eon-bar-chart',
            message: {
                columns: [
                    ['Austin', Math.floor(Math.random() * 99)],
                    ['New York', Math.floor(Math.random() * 99)],
                    ['San Francisco', Math.floor(Math.random() * 99)],
                    ['Portland', Math.floor(Math.random() * 99)]
                ]
            }
        });
    }, 1000);
</script>
</body>

Answer 1

在 PubNub EON 中声明和初始化 `pubnub` 变量

Some of the PubNub EON examples do not show explicit declaration/initialization pubnub 变量，但没有不应该这样做的用例。

你需要add the pubnub key/value to the eon.chart object:

eon.chart({
        pubnub: pubnub,
        channel: 'eon-bar-chart',
        generate: {
            bindto: '#chart',
            data: {
                type: 'bar'
            }
        }
});

没有那个 key/value，PubNub 默认尝试使用演示密钥。

从“演示”键更改为我的键后无法填充 EON 图表

Can’t get the EON chart to populate after changing from ‘demo’ keys to my keys

javascript

pubnub

在 PubNub EON 中声明和初始化 pubnub 变量

在 PubNub EON 中声明和初始化 `pubnub` 变量