javascript - 绘制 JSON 数据图表 - 直接来自 IBM Cloudant(bluemix no-sql)数据库的 Javascript？请帮助 N00b

Question

好的，我正在从事一个物联网项目，非常需要您的帮助。我有一个 arduino，将带有时间戳的温度数据作为 MQTT 数据包发送到云服务器(IBM Bluemix)，并将它们存储到 no-sql 数据库(Cloudant)。我想做的是从网络应用程序访问这些数据并绘制图表，但我完全是 N00b。

根据我的研究，我需要一个可以读取 JSON 数据的 javascript 图表库。我想直接从我可爱的具有 HTTP API 的云数据库读取它。

例如，您可以在此处查看我的实际数据: http://viztech.mybluemix.net/showtemps

数据库中的单个条目如下所示:

{
    "_id": "77b618c9a049aed2fee44bd62fa5913a",
    "_rev": "1-909bab171a80e147b0df0c1939242db7",
    "topic": "iot-2/type/iotsample-arduino/id/deedbafefeed/evt/status/fmt/json",
    "payload": {
        "d": {

 "temp": 32.52,
 "timestamp": 1439476189

         }
    },
    "deviceId": "deedbafefeed",
    "deviceType": "iotsample-arduino",
    "eventType": "status",
    "format": "json",
    "msgid": "1c7ede24.e38122"
}

我只是想知道如何绘制有效负载图表!我是否需要将有效负载提取到某种单独的数据结构中，然后绘制图表，或者是否有一个库可以直接执行此操作或其他操作？我对此真的很陌生。如果有人能指出我正确的方向，我将不胜感激。

丹。

Answer 1

Bluemix IoT Foundation 提供了示例配方，其中包括 visualization 的配方。 。我认为这可能对您有帮助，它使用 Rickshaw 图表库。示例代码在这里 - https://github.com/ibm-messaging/iot-visualization