Графики данных JSON - Javascript напрямую из базы данных IBM Cloudant (bluemix no-sql)? Пожалуйста, помогите N00b

Итак, я работаю над проектом Интернета вещей и ДЕЙСТВИТЕЛЬНО нуждаюсь в вашей помощи. У меня есть arduino, отправляющий данные о температуре с отметкой времени в виде пакетов MQTT на облачные серверы (IBM Bluemix) и сохраняющий их в базе данных без sql (Cloudant). Что я хочу сделать, так это получить доступ и отобразить эти данные из веб-приложения, но я полный N00b.

Судя по моим исследованиям, мне нужна библиотека диаграмм javascript, которая может читать данные JSON. Я хочу прочитать его прямо из моей прекрасной облачной базы данных с 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"
}

Я просто хочу знать, как наметить полезную нагрузку! Нужно ли мне извлекать полезную нагрузку в какую-то отдельную структуру данных, а затем строить диаграммы, или есть библиотека, которая может сделать это напрямую или что-то в этом роде? Я действительно новичок в этом. Был бы очень признателен, если кто-то может указать мне в правильном направлении.

Дэн.


javascript json charts ibm-cloud cloudant
person Daniel Baker    schedule 13.08.2015    source источник

Ответы (2)


arrow_upward
1
arrow_downward

В Bluemix IoT Foundation есть примеры рецептов, в том числе один для визуализации. Я думаю, что это может быть полезно для вас, он использует библиотеку графиков Rickshaw. пример кода здесь — https://github.com/ibm-messaging/iot-visualization

person ValerieLampkin    schedule 14.08.2015
comment
Спасибо за ответ Валерия. Очень признателен. В те времена, когда я занимался информатикой в ​​2004 году, все было на языке SQL. Появляющаяся технология, похоже, представляет собой HTTP API. Очень круто. Сильно отличается от того, что я знаю :) - person Daniel Baker; 17.08.2015

arrow_upward
0
arrow_downward

Я не эксперт по диаграммам, но в зависимости от выбранной вами библиотеки вам нужно будет предоставить данные в другом формате. Поэтому я бы предложил выбрать такую ​​структуру, как D3.js, Highcharts, .. и извлекать и преобразовывать полезную нагрузку в то, что вам нужно.

Я очень сомневаюсь, что между полезными данными Cloudant и нужными входными данными для построения диаграмм будет однозначное сопоставление.

person Driss Amri    schedule 13.08.2015
comment
Хорошо, спасибо, Дрисс! Я посмотрел на D3.js, и он кажется очень популярным. Все еще немного крутая кривая обучения, но будет трещина. Дэн - person Daniel Baker; 17.08.2015
comment
Не стесняйтесь принять мой ответ, если он вам помог, @DanielBaker ;-) В любом случае вам нужно будет выбрать какую-то структуру визуализации (если вам не нравится снова приглашать колесо) и поместить в нее свои данные в соответствии со структурой, которую они используют. - person Driss Amri; 17.08.2015