Прикручивание простых "Живых" графиков
Модератор: immortal
-
- Сообщения: 155
- Зарегистрирован: Сб июл 07, 2012 11:42 pm
- Благодарил (а): 3 раза
- Поблагодарили: 3 раза
Прикручивание простых "Живых" графиков
Ни как не могу понять а как простые графики прикрутить к MajorDoMo
типа вот таких:http://www.highcharts.com/demo/line-labels
типа вот таких:http://www.highcharts.com/demo/line-labels
-
- Сообщения: 155
- Зарегистрирован: Сб июл 07, 2012 11:42 pm
- Благодарил (а): 3 раза
- Поблагодарили: 3 раза
Re: Прикручивание простых "Живых" графиков
глуховатенько как то стало на форуме (
похоже все на стройках )
похоже все на стройках )
-
- Сообщения: 211
- Зарегистрирован: Вт янв 08, 2013 11:50 pm
- Откуда: Санкт-Петербург
- Благодарил (а): 0
- Поблагодарили: 6 раз
Re: Прикручивание простых "Живых" графиков
там же в поставке есть примеры этих графиков.
Дальше надо программировать, так как сами графики на Javascript написаны.
Дальше надо программировать, так как сами графики на Javascript написаны.
-
- Сообщения: 155
- Зарегистрирован: Сб июл 07, 2012 11:42 pm
- Благодарил (а): 3 раза
- Поблагодарили: 3 раза
Re: Прикручивание простых "Живых" графиков
anemcov писал(а):там же в поставке есть примеры этих графиков.
Дальше надо программировать, так как сами графики на Javascript написаны.

в 2 примерах которые идут с madjordomo там вытаскивают как то через pChart... и как это сделать я просто не понимаю

- sergejey
- Site Admin
- Сообщения: 4286
- Зарегистрирован: Пн сен 05, 2011 6:48 pm
- Откуда: Минск, Беларусь
- Благодарил (а): 76 раз
- Поблагодарили: 1559 раз
- Контактная информация:
Re: Прикручивание простых "Живых" графиков
так по примеру и можно. pChart просто может выдавать данные в виде json, а не в виде картинки. это как раз и используется в примерах для highchart.
Сергей Джейгало, разработчик MajorDoMo
Идеи, ошибки -- за предложениями по исправлению и развитию слежу только здесь!
Профиль Connect -- информация, сотрудничество, услуги
-
- Сообщения: 155
- Зарегистрирован: Сб июл 07, 2012 11:42 pm
- Благодарил (а): 3 раза
- Поблагодарили: 3 раза
Re: Прикручивание простых "Живых" графиков
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]
}]
я конечно понимаю что надо заменить тут... но вот что ни как не пойму (
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]
}]
я конечно понимаю что надо заменить тут... но вот что ни как не пойму (
-
- Сообщения: 211
- Зарегистрирован: Вт янв 08, 2013 11:50 pm
- Откуда: Санкт-Петербург
- Благодарил (а): 0
- Поблагодарили: 6 раз
Re: Прикручивание простых "Живых" графиков
если не секрет, откуда выдернули кусок этого кода?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. какую переменную вы хоитие в нем отображать.
-
- Сообщения: 155
- Зарегистрирован: Сб июл 07, 2012 11:42 pm
- Благодарил (а): 3 раза
- Поблагодарили: 3 раза
Re: Прикручивание простых "Живых" графиков
это взято прямо из примера http://jsfiddle.net/gh/get/jquery/1.9.1 ... ne-labels/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. какую переменную вы хоитие в нем отображать.
1 график вот такой же и хочется как в примерах (только с одним показанием)
2 сейчас точно не скажу т.к. далеко от компа где запущенно MajorDoMO, но хочется отображать температуру которые у меня берутся с датчиков DS и хранят историю в MajorDoMO. а идеально былоб как с графиками pchart делаешь запрос с именем переменной указываешь какой нужно период и все график уже есть.
-
- Сообщения: 45
- Зарегистрирован: Пн май 13, 2013 1:49 pm
- Благодарил (а): 0
- Поблагодарили: 0
Re: Прикручивание простых "Живых" графиков
Сам не прикручивал, но на форуме есть аналогичная тема, видели? http://smartliving.ru/forum/viewtopic.php?f=4&t=317arturmon писал(а):Ни как не могу понять а как простые графики прикрутить к MajorDoMo
типа вот таких:http://www.highcharts.com/demo/line-labels
Вот пример уже рабочего: duvarov.dyndns.org (Да простит меня автор за трафик..

Windows. Версия 0.5.0b от 09.08.2013
Но планирую перейти на linux версию
Но планирую перейти на linux версию
-
- Сообщения: 45
- Зарегистрирован: Пн май 13, 2013 1:49 pm
- Благодарил (а): 0
- Поблагодарили: 0
Re: Прикручивание простых "Живых" графиков
Проверил, работает! Но отдельно от проекта:
У меня последняя версия, поэтому для начала проверим следующее:
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
У меня последняя версия, поэтому для начала проверим следующее:
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 (52.96 КБ) 9974 просмотра
Windows. Версия 0.5.0b от 09.08.2013
Но планирую перейти на linux версию
Но планирую перейти на linux версию