Прикручивание простых "Живых" графиков

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модератор: immortal

arturmon
Сообщения: 155
Зарегистрирован: Сб июл 07, 2012 11:42 pm
Благодарил (а): 3 раза
Поблагодарили: 3 раза

Прикручивание простых "Живых" графиков

Сообщение arturmon » Пт май 24, 2013 8:02 pm

Ни как не могу понять а как простые графики прикрутить к MajorDoMo
типа вот таких:http://www.highcharts.com/demo/line-labels
arturmon
Сообщения: 155
Зарегистрирован: Сб июл 07, 2012 11:42 pm
Благодарил (а): 3 раза
Поблагодарили: 3 раза

Re: Прикручивание простых "Живых" графиков

Сообщение arturmon » Пт июн 07, 2013 4:43 pm

глуховатенько как то стало на форуме (
похоже все на стройках )
anemcov
Сообщения: 211
Зарегистрирован: Вт янв 08, 2013 11:50 pm
Откуда: Санкт-Петербург
Благодарил (а): 0
Поблагодарили: 6 раз

Re: Прикручивание простых "Живых" графиков

Сообщение anemcov » Пт июн 07, 2013 5:18 pm

там же в поставке есть примеры этих графиков.
Дальше надо программировать, так как сами графики на Javascript написаны.
arturmon
Сообщения: 155
Зарегистрирован: Сб июл 07, 2012 11:42 pm
Благодарил (а): 3 раза
Поблагодарили: 3 раза

Re: Прикручивание простых "Живых" графиков

Сообщение arturmon » Сб июн 08, 2013 9:54 am

anemcov писал(а):там же в поставке есть примеры этих графиков.
Дальше надо программировать, так как сами графики на Javascript написаны.
:D так вот и не понятно как "вытащить" данные из madjordomo
в 2 примерах которые идут с madjordomo там вытаскивают как то через pChart... и как это сделать я просто не понимаю :roll:
Аватара пользователя
sergejey
Site Admin
Сообщения: 4286
Зарегистрирован: Пн сен 05, 2011 6:48 pm
Откуда: Минск, Беларусь
Благодарил (а): 76 раз
Поблагодарили: 1559 раз
Контактная информация:

Re: Прикручивание простых "Живых" графиков

Сообщение sergejey » Пн июн 10, 2013 11:46 am

так по примеру и можно. pChart просто может выдавать данные в виде json, а не в виде картинки. это как раз и используется в примерах для highchart.

Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
arturmon
Сообщения: 155
Зарегистрирован: Сб июл 07, 2012 11:42 pm
Благодарил (а): 3 раза
Поблагодарили: 3 раза

Re: Прикручивание простых "Живых" графиков

Сообщение arturmon » Вт июн 11, 2013 3:51 pm

xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
я конечно понимаю что надо заменить тут... но вот что ни как не пойму (
anemcov
Сообщения: 211
Зарегистрирован: Вт янв 08, 2013 11:50 pm
Откуда: Санкт-Петербург
Благодарил (а): 0
Поблагодарили: 6 раз

Re: Прикручивание простых "Живых" графиков

Сообщение anemcov » Вт июн 11, 2013 4:02 pm

arturmon писал(а):xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
я конечно понимаю что надо заменить тут... но вот что ни как не пойму (
если не секрет, откуда выдернули кусок этого кода?
в тех примерах, что с МДМ идут - написаны прямо варианты обращения через pChart.

В общем, для решения вашей задачи нужно знать ответ на 2 вопроса:
1. какой тип графика выходите строить
2. какую переменную вы хоитие в нем отображать.
arturmon
Сообщения: 155
Зарегистрирован: Сб июл 07, 2012 11:42 pm
Благодарил (а): 3 раза
Поблагодарили: 3 раза

Re: Прикручивание простых "Живых" графиков

Сообщение arturmon » Ср июн 12, 2013 4:09 pm

anemcov писал(а):
arturmon писал(а):xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
series: [{
name: 'Tokyo',
data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}, {
name: 'London',
data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
}]
я конечно понимаю что надо заменить тут... но вот что ни как не пойму (
если не секрет, откуда выдернули кусок этого кода?
в тех примерах, что с МДМ идут - написаны прямо варианты обращения через pChart.

В общем, для решения вашей задачи нужно знать ответ на 2 вопроса:
1. какой тип графика выходите строить
2. какую переменную вы хоитие в нем отображать.
это взято прямо из примера http://jsfiddle.net/gh/get/jquery/1.9.1 ... ne-labels/
1 график вот такой же и хочется как в примерах (только с одним показанием)
2 сейчас точно не скажу т.к. далеко от компа где запущенно MajorDoMO, но хочется отображать температуру которые у меня берутся с датчиков DS и хранят историю в MajorDoMO. а идеально былоб как с графиками pchart делаешь запрос с именем переменной указываешь какой нужно период и все график уже есть.
Hitman_dc(78)
Сообщения: 45
Зарегистрирован: Пн май 13, 2013 1:49 pm
Благодарил (а): 0
Поблагодарили: 0

Re: Прикручивание простых "Живых" графиков

Сообщение Hitman_dc(78) » Вс июн 16, 2013 9:50 am

arturmon писал(а):Ни как не могу понять а как простые графики прикрутить к MajorDoMo
типа вот таких:http://www.highcharts.com/demo/line-labels
Сам не прикручивал, но на форуме есть аналогичная тема, видели? http://smartliving.ru/forum/viewtopic.php?f=4&t=317
Вот пример уже рабочего: duvarov.dyndns.org (Да простит меня автор за трафик.. :))
Windows. Версия 0.5.0b от 09.08.2013
Но планирую перейти на linux версию
Hitman_dc(78)
Сообщения: 45
Зарегистрирован: Пн май 13, 2013 1:49 pm
Благодарил (а): 0
Поблагодарили: 0

Re: Прикручивание простых "Живых" графиков

Сообщение Hitman_dc(78) » Вт июн 18, 2013 6:51 am

Проверил, работает! Но отдельно от проекта:

У меня последняя версия, поэтому для начала проверим следующее:

1) Переходим: http://localhost/pChart/?op=value&p=RealTemp.TempUlica
, где RealTemp.TempUlica - ваша погода.
В ответ получаем температуру, например: 14.44

2) Переходим: http://localhost/pChart/?p=RealTemp.Tem ... erval=1200
, где RealTemp.TempUlica - ваша погода, 2013/06/16 - интервал с которого начать рисовать график //не уверен.
В ответ получаем значения температуры через запятую, например: [14.94,14.88,14.67,14.5,14.32,14.17,14.38] //у вас их больше будет

3) Открываю любым текстовым редактором файл: C:\_majordomo\htdocs\highcharts\sample2.php и меняем ws.tempOutside на вашу погоду, в моём случае RealTemp.TempUlica //сделать это можно легко при помощи функции заменить на..

4) Теперь самое простое, переходим http://localhost/highcharts/sample2.php и млеем от красоты, что график рисуется по данным с ваших датчиков :)

P.S.: Там есть ещё один вариант графика C:\_majordomo\htdocs\highcharts\sample1.php
Вложения
juvie-grafici-majordomo1.png
juvie-grafici-majordomo1.png (52.96 КБ) 9974 просмотра
Windows. Версия 0.5.0b от 09.08.2013
Но планирую перейти на linux версию
Ответить