javascript - 从 ‘demo’ key 更改为我的 key 后，无法填充 EON 图表

标签 javascript pubnub

我正在使用一个简单的演示教程，使用“演示”键，它工作正常。一旦我将“publish_key”和“subscription_key”更改为我自己的 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>

最佳答案

在 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'
            }
        }
});

如果没有该键/值，PubNub 会默认尝试使用演示键。

关于javascript - 从 ‘demo’ key 更改为我的 key 后，无法填充 EON 图表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38063542/