Всем доброй ночи!serghei писал(а):Скорее всего проблема с модулем. У меня древняя версия МД (около года). Индикаторы есть , но значений нет ( NaN ). На свежей системе значения появляются на 5 секунд и опять NaN. Браузер орет про не корректные имена свойств.I_I_Imonder писал(а): ...Добавил индикаторы на сцену, но они появляются на секунду и пропадают, куда рыть?
PS В общем разобрался я. Ошибка была в названии переменной. Всегда надо " название.свойство". И до кучи прицепить Jquery библиотеку. Для температуры с OpenweathermapГромадное спасибо Xor и Adzam за терпение и науку!!СпойлерПоказатьКод: Выделить всё
<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>
Не судите строго: так я и не понял как на сценах выводить индикаторы?
jquery.js - прикрутил.
Название.Свойство - все корректно. На отдельной Html все рисует... На сцене появляется на несколько секунд и пропадает...