Страница 16 из 54
Re: Модуль Charts
Добавлено: Пн ноя 06, 2017 11:47 pm
max37online
serghei писал(а):I_I_Imonder писал(а):
...Добавил индикаторы на сцену, но они появляются на секунду и пропадают, куда рыть?
Скорее всего проблема с модулем. У меня древняя версия МД (около года). Индикаторы есть , но значений нет ( NaN ). На свежей системе значения появляются на 5 секунд и опять NaN. Браузер орет про не корректные имена свойств.
PS В общем разобрался я. Ошибка была в названии переменной. Всегда надо " название.свойство". И до кучи прицепить Jquery библиотеку. Для температуры с Openweathermap
Код: Выделить всё
<body onload="init()">
<canvas id="canvasTin" width="401" height="401"></canvas> // Размер спидометра
<script>
var scroll = false;
var RadialTin;
function init() {
// Initialzing gauge
// Define some sections
//раскрасим шкалу -15..+15 голубой
//15...25 зеленый
//-30...-15,25...30 желтый
var sections = [steelseries.Section(-15, 15, 'rgba(0, 0, 220, 0.3)'),
steelseries.Section(15, 25, 'rgba(0, 220, 0, 0.3)'),
steelseries.Section(-30, -15, 'rgba(220, 220, 0, 0.3)'),
steelseries.Section(25, 30, 'rgba(220, 220, 0, 0.3)') ],
// Define one area
// розовый сектор
areas = [steelseries.Section(30, 40, 'rgba(220, 0, 0, 0.3)'),
steelseries.Section(-40, -30, 'rgba(220, 0, 0, 0.3)'),],
//treshold = 25 - лампочка начинает мигать
RadialTin = new steelseries.Radial('canvasTin', {
gaugeType: steelseries.GaugeType.TYPE4,
size: 401,
section: sections,
area: areas,
minValue:-40,
maxValue:40,
titleString: "Температура",
unitString: "Градусы",
threshold: 25,
lcdVisible: true
});
//RadialTin.setBackgroundColor(steelseries.BackgroundColor.WHITE);
RadialTin.setBackgroundColor(steelseries.BackgroundColor.STAINLESS); // Тут внутренности спидометра
RadialTin.setFrameDesign(steelseries.FrameDesign.GLOSSY_METAL); // Раскрашиваем обод спидометра
//upd
// live_upd("/pChart/?op=value&p=ws.tempInside", RadialTin);
live_upd("/pChart/?op=value&p=ow_fact.temperature", RadialTin);
// Start the update
//читаем данные каждые 7 с
setInterval(function(){ live_upd("/pChart/?op=value&p=ow_fact.temperature", RadialTin); },7000);
//setInterval(function(){ live_upd("/pChart/?op=value&p=ws.tempInside", RadialTin); },7000);
}
function live_upd(url,gauge) {
$.ajax({
url: url,
}).done(function(data) {
if (data!='') {gauge.setValueAnimated(parseFloat(data));}
});
}
</script>
<script src="../SteelSeries/jquery.js"></script> // скачиваем и прикручиваем библиотеку
<script src="../SteelSeries/tween-min.js"></script>
<script src="../SteelSeries/steelseries-min.js"></script>
</body>
Громадное спасибо
Xor и
Adzam за терпение и науку!!
Всем доброй ночи!
Не судите строго: так я и не понял как на сценах выводить индикаторы?
jquery.js - прикрутил.
Название.Свойство - все корректно. На отдельной Html все рисует... На сцене появляется на несколько секунд и пропадает...
Re: Модуль Charts
Добавлено: Вт ноя 07, 2017 12:04 am
serghei
К сожалению , тут я ничем помочь не могу. А что при этом орет браузер? (в смысле какие ошибки показывает?) И как ЭТО вообще на сцену вставить??
Re: Модуль Charts
Добавлено: Вт ноя 07, 2017 11:02 am
max37online
serghei писал(а):К сожалению , тут я ничем помочь не могу. А что при этом орет браузер? (в смысле какие ошибки показывает?) И как ЭТО вообще на сцену вставить??
Ничего не орет... Просто повляется и исчезает. Все остальные элементы продолжают нормально функционировать.
а ЭТО вставляю через новый элемент html.
Может для этого элемента надо что-то сюда прописать:
Дополнительный код JavaScript
Дополнительный код CSS
...
Re: Модуль Charts
Добавлено: Вт ноя 07, 2017 11:43 pm
serghei
Самому интересно стало разобраться. Но для начала объясните , чем просто .html страница отличается от сцены. И вообще как сцена создается. Я не прикалываюсь - тупо еще не приступал к изучению. Два года "посвятил" Ардуино Мега Серверу , научился передавать параметры с AMS в МД. Повторил эту картинку. А вот до сцены не дошел. Видео уроки смотрел из любопытства.
Вот вижу, что идут запросы Ажакса. А как на сцене? Можно её как то через экспорт залить себе?
- Chart.jpg (200.32 КБ) 5561 просмотр
Re: Модуль Charts
Добавлено: Ср ноя 08, 2017 11:43 am
nalog
Не подскажете почему видно только 2 типа отображения графиков
gauge и solid gauge
Re: Модуль Charts
Добавлено: Ср ноя 08, 2017 9:04 pm
xor
На вкладке графиков Общее укажите период, отличный от 0
Re: Модуль Charts
Добавлено: Чт ноя 09, 2017 12:41 pm
max37online
serghei писал(а):Самому интересно стало разобраться. Но для начала объясните , чем просто .html страница отличается от сцены. И вообще как сцена создается. Я не прикалываюсь - тупо еще не приступал к изучению. Два года "посвятил" Ардуино Мега Серверу , научился передавать параметры с AMS в МД. Повторил эту картинку. А вот до сцены не дошел. Видео уроки смотрел из любопытства.
Вот вижу, что идут запросы Ажакса. А как на сцене? Можно её как то через экспорт залить себе?
С точки зрения пользователя: для создания сцены есть встроенный инструмент. Можно не владея навыками web дизайна (как я, например
) сделать красивую картинку например с домом, пдложить его подложкой на сцену, и набросать на него кнопок/информеров и всего-всего-всего...
А что там закопано в сцене со стороны системы, и что там сверху навернуто по отношению к обычному html - надо спрашивать автора. Сергей, вы читаете?
Если у вас MD уже крутиться - ничего заливать не надо - попробуйте созать просто пустую сцену с любым элементом SteelSeries.
Делается это добавлением на сцену элемента html, в котором вы просто прописываете код.
Re: Модуль Charts
Добавлено: Чт ноя 09, 2017 4:43 pm
olegvolk75
Подскажите, можно ли сделать фиксированную шкалу на графике? Т.е. чтоб по вертикали масштаб не менялся в зависимости от значений на графике. Поиском пользовался, не нашел.
Re: Модуль Charts
Добавлено: Сб ноя 11, 2017 4:51 pm
Delphin
nick7zmail писал(а):Соглашусь)) Сергей, просим зум))
Присоединяюсь, хотелось бы в графиках просматривать историю, за определенный период.
Re: Модуль Charts
Добавлено: Вс ноя 26, 2017 11:19 pm
lysyy
Доброго времени суток, коллеги!
Подскажите, как выгрузить график в картинку, что бы себе отчеты кидать?