Страница 1 из 2
Прикручивание простых "Живых" графиков
Добавлено: Пт май 24, 2013 8:02 pm
arturmon
Ни как не могу понять а как простые графики прикрутить к MajorDoMo
типа вот таких:
http://www.highcharts.com/demo/line-labels
Re: Прикручивание простых "Живых" графиков
Добавлено: Пт июн 07, 2013 4:43 pm
arturmon
глуховатенько как то стало на форуме (
похоже все на стройках )
Re: Прикручивание простых "Живых" графиков
Добавлено: Пт июн 07, 2013 5:18 pm
anemcov
там же в поставке есть примеры этих графиков.
Дальше надо программировать, так как сами графики на Javascript написаны.
Re: Прикручивание простых "Живых" графиков
Добавлено: Сб июн 08, 2013 9:54 am
arturmon
anemcov писал(а):там же в поставке есть примеры этих графиков.
Дальше надо программировать, так как сами графики на Javascript написаны.

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

Re: Прикручивание простых "Живых" графиков
Добавлено: Пн июн 10, 2013 11:46 am
sergejey
так по примеру и можно. pChart просто может выдавать данные в виде json, а не в виде картинки. это как раз и используется в примерах для highchart.
Re: Прикручивание простых "Живых" графиков
Добавлено: Вт июн 11, 2013 3:51 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]
}]
я конечно понимаю что надо заменить тут... но вот что ни как не пойму (
Re: Прикручивание простых "Живых" графиков
Добавлено: Вт июн 11, 2013 4:02 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. какую переменную вы хоитие в нем отображать.
Re: Прикручивание простых "Живых" графиков
Добавлено: Ср июн 12, 2013 4:09 pm
arturmon
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 делаешь запрос с именем переменной указываешь какой нужно период и все график уже есть.
Re: Прикручивание простых "Живых" графиков
Добавлено: Вс июн 16, 2013 9:50 am
Hitman_dc(78)
Сам не прикручивал, но на форуме есть аналогичная тема, видели?
http://smartliving.ru/forum/viewtopic.php?f=4&t=317
Вот пример уже рабочего: duvarov.dyndns.org (Да простит меня автор за трафик..

)
Re: Прикручивание простых "Живых" графиков
Добавлено: Вт июн 18, 2013 6:51 am
Hitman_dc(78)
Проверил, работает! Но отдельно от проекта:
У меня последняя версия, поэтому для начала проверим следующее:
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