eon-chart for realtime updates with PubNub

Using eon-chart for testing gauge chart for realtime updates with PubNub and C3

This uses the included PubNub library to pubnub.publish() packets to the pubnub.subscribe() call waiting inside the C3 framework.

You probably want to publish data from the back-end instead. Check out our docs for more info: http://www.pubnub.com/documentation/

</head>
  <body>
    <div id="chart"></div>
    <script>

var pubnub = PUBNUB.init({
        publish_key: 'pub-c-6dbe7bfd-6408-430a-add4-85cdfe856b47',
        subscribe_key: 'sub-c-2a73818c-d2d3-11e3-9244-02ee2ddab7fe'
      });

var channel = 'c3-gauge'  + Math.random();
      
      eon.chart({
        pubnub: pubnub,
        channel: channel,
        generate: {
          bindto: '#chart',
          data: {
            type: 'gauge'
          },
          gauge: {
            min: 0,
            max: 100,
            width: 36 
          },
          color: {
            pattern: ['#7AC143', '#FDBB30', '#EC008C', '#EE3124'],
            threshold: {
              values: [25, 50, 75, 100]
            }
          },
          size: {
              height: 400
          }
        }
      });
    </script>
    <script>
      setInterval(function(){

pubnub.publish({
          channel: channel,
          message: {
            eon: {
              'E E S U R': Math.floor(Math.random() * 99)
            }
          }
        });

}, 2000);
    </script>
  </body>
</html>

Modified http://pubnub.github.io/eon/v/eon/0.0.9/eon.js to a secure url

https://pubnub.github.io/eon/v/eon/0.0.9/eon.js