Шкала набора ёмкости

[MaxVM]

Добрый день!

Подскажите как поумнее сделать!

Есть объект который показывает расстояние до воды в см (от 0 до 150)
Хотелось бы перевести данные в проценты (от 0% до 100%)
Данные меняются по MQTT
И отобразить картинку с видом ёмкости (бака) которая показывала бы процент заполнения как в числовом виде так и графиком (пример заряд батареи в телефоне).

Подскажите куда копать?

Спасибо!

[SolarW]

Есть объект который показывает расстояние до воды в см (от 0 до 150)
Хотелось бы перевести данные в проценты (от 0% до 100%)

При расстоянии до воды равном нулю не боитесь что датчик утонет?
Может лучше поднять сантиметров 20 и соответственно измерять диапазон от 170 до 20?
Ну а диапазон 0...100% переводить по формуле.
Формулу сами сообразите?

[nick7zmail]

mqtt передает же в свойство? К свойству привязываете метод, и там формулу, которая считает процент и заносит в другое свойство. А уже это самое "другое свойство" используете для сцены.

[MaxVM]

Есть объект который показывает расстояние до воды в см (от 0 до 150)
Хотелось бы перевести данные в проценты (от 0% до 100%)

При расстоянии до воды равном нулю не боитесь что датчик утонет?
Может лучше поднять сантиметров 20 и соответственно измерять диапазон от 170 до 20?
Ну а диапазон 0...100% переводить по формуле.
Формулу сами сообразите?

Да конечно подниму, это так для примера написал.
Если не сложно посоветуйте по формуле!

По расчету и смысл понял. Спасибо!

Вторая часть меня сильно интересует-Это визуальное отображение! Как реализовать?
Подставлять к значению разные картинки или можно какимо прогресс баром например?

[tsember]

Вторая часть меня сильно интересует-Это визуальное отображение! Как реализовать?

Первое, что приходит на ум - графики HightCharts. Например, этот: http://www.highcharts.com/demo/gauge-speedometer
или
http://www.highcharts.com/demo/gauge-solid.

Второе, что можно реализовать, без графиков: ищите в интернете (или рисуете сами) вашу емкость, например в фотошопе. Ее внутренний объем разбиваете на 100 частей. Затем каждую часть "заливаете" (инструмент такой есть: заливка) голубым фоном (или градиентом, для красоты). Каждую часть сохраняете: Например: 1 процент, залили 1/100 бака, сохранили в папку tank под именем 1.jpg. 2% - 2.jpg и так 100 раз ))

Потом в домашней странице (или сцене) выводите необходимую картинку кодом:
<img src=/img/tank/%tank.water%.jpg>
Учтите, что свойство water объекта tank должно содержать в себе целочисленное значение от 0 до 100.

Вот как то так.

[nick7zmail]

Если не сложно посоветуйте по формуле!

А что советовать то? Могу только написать)) Формула примерно такая (метод привязываете к изменению свойства, а на сцену выводите %другое.свойство%, можно с индикаторами, которые привели выше)

Код: Выделить всё

$emk=gg('ваше.свойство');//забираем свойство полученное в mqtt
$emk_per=$emk/1.5; //переводим в проценты (не помню точка или запятая отделяет десятки...но вроде точка)
sg('другое.свойство', $emk_per);