HomeKit и ioBroker Давайте дружить домами

// создадим состояния для Оттенка и Насыщенности
createState("ночникHue");
createState("ночникSat");

// при изменении оттенка будем менять RGB-цвет
on({id: "ночникHue", ack: false, change: 'any'}, function (obj) {
   var hue = parseInt(obj.state.val);
   var sat = parseInt(getState('ночникSat').val);
   var res = hsvToRgb(hue, sat, 100);
   setRGB(parseInt(res[0]), parseInt(res[1]), parseInt(res[2]));
});

// заполним состояние с RGB-цветом
function setRGB(r, g, b){
   var val = ('00'+r.toString(16)).slice(-2)+('00'+g.toString(16)).slice(-2)+('00'+b.toString(16)).slice(-2);
   // RGB-состояние светильника
   setState('zigbee.0.00124b0014d016ab.color', val, false);
}

// функция преобразования HSV цвета в RGB
function hsvToRgb(h, s, v) {
   var r, g, b;
   var i;
   var f, p, q, t;
   
   h = Math.max(0, Math.min(360, h));
   s = Math.max(0, Math.min(100, s));
   v = Math.max(0, Math.min(100, v));

   s /= 100;
   v /= 100;
   
   if(s == 0) {
       r = g = b = v;
       return [
           Math.round(r * 255),
           Math.round(g * 255),
           Math.round(b * 255)
       ];
   }
   
   h /= 60;
   i = Math.floor(h);
   f = h - i;
   p = v * (1 - s);
   q = v * (1 - s * f);
   t = v * (1 - s * (1 - f));
   
   switch(i) {
       case 0:
           r = v;
           g = t;
           b = p;
           break;
   
       case 1:
           r = q;
           g = v;
           b = p;
           break;
   
       case 2:
           r = p;
           g = v;
           b = t;
           break;
   
       case 3:
           r = p;
           g = q;
           b = v;
           break;
   
       case 4:
           r = t;
           g = p;
           b = v;
           break;
   
       default: // case 5:
           r = v;
           g = p;
           b = q;
   }
   
   return [
       Math.round(r * 255),
       Math.round(g * 255),
       Math.round(b * 255)
   ];
}

createState("gate_0.current"); // текущее состояние
createState("gate_0.target"); // целевое состояние

// сбрасываем состояние в 0, по прошествии 300мс
on({id: "mqtt.0.gate.gpio.13", ack: false, val: 1}, function (obj) {
   setStateDelayed("mqtt.0.gate.gpio.13", 0,  300);
});

on({id: "mqtt.0.gate.gpio.12", ack: false, val: 1}, function (obj) {
   setStateDelayed("mqtt.0.gate.gpio.12", 0,  300);
});

// если изменилось состояние открытости
on({id: "mqtt.0.gate.is_open", ack: false, val: 1}, function (obj) {
   // "открылся"
   setState("javascript.0.gate_0.current", 0, true);
});

on({id: "mqtt.0.gate.is_open", ack: false, val: 0}, function (obj) {
   // "закрылся"
   setState("javascript.0.gate_0.current", 1, true);
});

// если установили цель - открыть, значит посылаем сигнал на открытие
on({id: "javascript.0.gate_0.target", ack: false, val: 0}, function (obj) {
   setState("mqtt.0.gate.gpio.12", 1);
});

// если установили цель - закрыть, значит посылаем сигнал на закрытие
on({id: "javascript.0.gate_0.target", ack: false, val: 1}, function (obj) {
   setState("mqtt.0.gate.gpio.13", 1);
});

on({id: "mqtt.0.gate.in_progress", ack: true, change: 'any'}, function (obj) {
   // если выставился режим "в процессе", то значит процесс пошел
   if (obj.state.val === 1) {
       // если целевой режим "открытие", то выставим состояние
       const target = getState("javascript.0.gate_0.target");
       if (target.val === 0) {
           // "открывается"
           setState("javascript.0.gate_0.current", 2, true);
       } else {
           // "закрывается"
           setState("javascript.0.gate_0.current", 3, true);
       }
   }
   // если сбросился режим "в процессе", то значит процесс закончен
   if (obj.state.val === 0) {
       // если целевой режим "открытие", то выставим состояние
       const target = getState("javascript.0.gate_0.target");
       if (target.val === 0) {
           // "открылся"
           setState("javascript.0.gate_0.current", 0, true);
       } else {
           // "закрылся"
           setState("javascript.0.gate_0.current", 1, true);
       }
   }
});

Расскажу, как можно получить график в виде картинки.

В ioBroker есть стандартный способ построения графиков — Flot-драйвер. Этот драйвер работает в паре с Web-драйвером и отображает результат в браузере. Но для того чтобы получить созданный график на сервере (в скрипте) в виде картинки нужен дополнительный драйвер PhantomJS, который делает “скриншот” страницы (на которой у нас нарисуется Flot-график).

Но я расскажу об альтернативном способе построения графиков на сервере в скрипте.

Есть такая библиотека Chart.js http://www.chartjs.org/ которая позволяет рисовать приятные на вид графики в браузере (примеры http://www.chartjs.org/samples/latest/).

Для рисования она использует “холст” (канва, canvas) браузера. Поэтому, чтобы рисовать с помощью этой библиотеки на сервере, нужно использовать “серверный” вариант “холста” и DOM-объекты. Это и делает пакет chartjs-node (https://github.com/vmpowerio/chartjs-node).

Основной зависимостью для этого пакета является пакет canvas (https://github.com/Automattic/node-canvas), который следует установить глобально (или в папку iobroker). Важно установить все зависимости для той платформы, куда вы ставите https://github.com/Automattic/node-canvas#compiling .

После этого можно в настройках драйвера javascript добавить модули chart.js, chartjs-node. Они должны установиться корректно, без ошибок. Иначе — разбираться с ошибками и решать их.

А дальше, можно написать скрипт.

Ниже приведен скрипт для примера, т.к. в нем включено использование драйвера History и используются конкретные имена состояний.

Внимание! В скрипте есть сложные для новичков конструкции — Promise. Это удобные способ не писать функции с callback, а делать цепочки шагов. Так, например, это удобно делать для получения данных из истории состояний.

'use strict';
const ChartjsNode = require('chartjs-node');

/**
 * функция sendTo как Promise, чтобы удобно было строить цепочки
 */

function sendToPromise(adapter, cmd, params) {
    return new Promise((resolve, reject) => {
        sendTo(adapter, cmd, params, (result) => {
            resolve(result);
        });
    });
}

// константы для цветов
const chartColors = {
    black: 'rgb(0, 0, 0)',
    red: 'rgb(255, 99, 132)',
    orange: 'rgb(255, 159, 64)',
    yellow: 'rgb(255, 205, 86)',
    green: 'rgb(75, 192, 192)',
    blue: 'rgb(54, 162, 235)',
    purple: 'rgb(153, 102, 255)',
    grey: 'rgb(201, 203, 207)'
};

/**
 * функция рисования и сохранения картинки в файл
 *  параметры:
 *  @param config - конфигурация графика для рисования
 *  @param filename - имя файла для сохранения
 *  результат:
 *  @param Promise - успешное сохранение файла
 */

function doDraw(config, filename) {
    // создадим полотно с размером 640x480 пикселей
    var chartNode = new ChartjsNode(640, 480);
    return chartNode.drawChart(config)
        .then(() => {
            // запишем результат в файл
            return chartNode.writeImageToFile('image/png', filename);
        });
}

/**
 * функция подготовки параметров для ChartJS.
 *  результат:
 *  @param Promise - успешная подготовка параметров
 */

function prepareDraw0(){
    // переменная, куда сохраним данные
    var пример;
    // создадим Promise сборки данных и конфигурации
    return new Promise((resolve, reject)=>{resolve()})
        // здесь могут быть много шагов сбора данных, прежде чем перейти к графику
        .then(()=>{
            // произвольные данные, похожие на те, что хранятся в истории
            пример = [
                {"val":3,"ack":1,"ts":1539063874301},
                {"val":5,"ack":1,"ts":1539063884299},
                {"val":5.3,"ack":1,"ts":1539063894299},
                {"val":3.39,"ack":1,"ts":1539063904301},
                {"val":5.6,"ack":1,"ts":1539063914300},
                {"val":-1.3,"ack":1,"ts":1539063924300},
                {"val":-6.3,"ack":1,"ts":1539063934302},
                {"val":1.23,"ack":1,"ts":1539063944301},
            ];
        })
        // финальный шаг - создаем конфигурацию графиков
        .then(()=>{
            const chartJsOptions = {
                // тип графика - линейный
                type: 'line',
                data: {
                    // список наборов данных
                    datasets: [
                    {
                        // заголовок ряда 
                        label: 'тест',
                        // цвет
                        backgroundColor: chartColors.black,
                        borderColor: chartColors.black,
                        // размер точек
                        pointRadius: 3,
                        // ширина линии графика
                        borderWidth: 3,
                        // достанем данные из переменной 'пример' и оставим только значение и время изменения
                        data: пример.map((item) => {
                            return {y: item.val, t: new Date(item.ts)}
                        }),
                        // заливка графика - нет
                        fill: false,
                    }
                    ]
                },
                options: {
                    // настройка легенды
                    legend: {
                        labels: {
                            // размер шрифта
                            fontSize: 20,
                        },
                    },
                    // оси координат
                    scales: {
                        // оси X
                        xAxes: [{
                            // тип - временная ось
                            type: 'time',  
                            display: true,
                            // метка оси
                            scaleLabel: {
                                display: true,
                                labelString: 'Время'
                            },
                        }],
                        // оси Y
                        yAxes: [{
                            // тип - линейная
                            type: 'linear',
                            display: true,
                            // метка оси
                            scaleLabel: {
                                display: true,
                                labelString: 'Температура'
                            },
                        }]
                    }
                }
            };
            return chartJsOptions;
        });
}

/**
 * функция подготовки параметров для ChartJS.
 * собирает данные из истории и складывает их в переменные, 
 * чтобы потом включить в ряды.
 * 
 *  параметры:
 *  @param hours - количество часов, за которые получить данные
 *  результат:
 *  @param Promise - успешная подготовка параметров
 */

function prepareDraw1(hours){
    // вычислим интервал времени, за который надо получить данные
    const end = new Date().getTime(),
          start = end - 3600000*(hours || 1); // 1 = час назад

    // зададим переменные, в которые будем складывать результаты запроса
    // исторических данных
    var улица, куры2, куры1, куры2свет, куры2вент;

    // создадим Promise сборки данных и конфигурации
    return new Promise((resolve, reject)=>{resolve()})
        // на этом шаге собираем историю по 'mqtt.0.ESP_Easy.Улица.Temperature'
        .then(() => {
            return sendToPromise('history.0', 'getHistory', {
                    id: 'mqtt.0.ESP_Easy.Улица.Temperature',
                    options: {
                        start: start,
                        end: end,
                        aggregate: 'onchange'
                    }
                }
            ).then((result) => {
                // записываем результат в переменную 'улица'
                улица = result.result;
            });
        })
        // на этом шаге собираем историю по 'sonoff.0.chicken2.DS18B20_Temperature'
        .then(() => {
            return sendToPromise('history.0', 'getHistory', {
                id: 'sonoff.0.chicken2.DS18B20_Temperature',
                options: {
                    start: start,
                    end: end,
                    aggregate: 'onchange'
                }
            }).then((result)=>{
                // записываем результат в переменную 'куры2'
                куры2 = result.result;
            });
        })
        .then(() => {
            return sendToPromise('history.0', 'getHistory', {
                id: 'sonoff.0.sonoff_chicken_vent.DS18B20_Temperature',
                options: {
                    start: start,
                    end: end,
                    aggregate: 'onchange'
                }
            }).then((result)=>{
                куры1 = result.result;
            });
        })
        .then(() => {
            return sendToPromise('history.0', 'getHistory', {
                id: 'sonoff.0.chicken2.POWER1',
                options: {
                    start: start,
                    end: end,
                    aggregate: 'onchange'
                }
            }).then((result)=>{
                куры2свет = result.result;
            });
        })
        .then(() => {
            return sendToPromise('history.0', 'getHistory', {
                id: 'sonoff.0.chicken2.POWER2',
                options: {
                    start: start,
                    end: end,
                    aggregate: 'onchange'
                }
            }).then((result)=>{
                куры2вент = result.result;
            });
        })
        // финальный шаг - создаем конфигурацию графиков
        .then(()=>{
            const chartJsOptions = {
                // тип графика - линейный
                type: 'line',
                data: {
                    // список наборов данных
                    datasets: [
                    {
                        // заголовок ряда с указанием последнего значения из ряда в скобках
                        label: 'Улица ('+улица[улица.length - 1].val+')',
                        // цвет
                        backgroundColor: chartColors.blue,
                        borderColor: chartColors.blue,
                        // размер точек. 0 - нет точки
                        pointRadius: 0,
                        // ширина линии графика
                        borderWidth: 3,
                        // достанем данные из переменной 'улица' и оставим только значение и время изменения
                        data: улица.map((item) => {
                            return {y: item.val, t: new Date(item.ts)}
                        }),
                        // заливка графика - нет
                        fill: false,
                        // идентификатор оси Y
                        yAxisID: 'y-axis-1',
                    },{
                        label: 'Куры 1 ('+куры1[куры1.length - 1].val+')',
                        backgroundColor: chartColors.green,
                        borderColor: chartColors.green,
                        pointRadius: 0,
                        borderWidth: 3,
                        data: куры1.map((item) => {
                            return {y: item.val, t: new Date(item.ts)}
                        }),
                        fill: false,
                        yAxisID: 'y-axis-1',
                    },{
                        label: 'Куры 2 ('+куры2[куры2.length - 1].val+')',
                        backgroundColor: chartColors.red,
                        borderColor: chartColors.red,
                        pointRadius: 0,
                        borderWidth: 3,
                        data: куры2.map((item) => {
                            return {y: item.val, t: new Date(item.ts)}
                        }),
                        fill: false,
                        yAxisID: 'y-axis-1',
                    },{
                        label: 'Куры 2 свет ('+куры2свет[куры2свет.length - 1].val+')',
                        backgroundColor: chartColors.yellow,
                        borderColor: chartColors.yellow,
                        pointRadius: 0,
                        borderWidth: 1,
                        data: куры2свет.map((item) => {
                            return {y: (item.val) ? 1 : 0, t: new Date(item.ts)}
                        }),
                        fill: true,
                        lineTension: 0,
                        steppedLine: true,
                        yAxisID: 'y-axis-2',
                    },{
                        label: 'Куры 2 вент ('+куры2вент[куры2вент.length - 1].val+')',
                        backgroundColor: chartColors.grey,
                        borderColor: chartColors.grey,
                        pointRadius: 0,
                        borderWidth: 1,
                        data: куры2вент.map((item) => {
                            return {y: (item.val) ? -1 : 0, t: new Date(item.ts)}
                        }),
                        fill: true,
                        lineTension: 0,
                        steppedLine: true,
                        yAxisID: 'y-axis-2',
                    }
                    ]
                },
                options: {
                    // настройка легенды
                    legend: {
                        labels: {
                            // размер шрифта
                            fontSize: 20,
                        },
                    },
                    // оси координат
                    scales: {
                        // оси X
                        xAxes: [{
                            // тип - временная ось
                            type: 'time',  
                            display: true,
                            // метка оси
                            scaleLabel: {
                                display: true,
                                labelString: 'Время'
                            },
                            // настройка формата оси (времени)
                            time: {
                                unit: 'minute',
                                displayFormats: {
                                    minute: 'HH:mm'
                                }
                            },
                        }],
                        // оси Y
                        yAxes: [{
                            // тип - линейная
                            type: 'linear',
                            display: true,
                            // метка оси
                            scaleLabel: {
                                display: true,
                                labelString: 'Температура'
                            },
                            // расположение линейки - слева
                            position: 'left',
                            // идентификатор оси
                            id: 'y-axis-1',
                        },{
                            type: 'linear',
                            display: true,
                            scaleLabel: {
                                display: true,
                                labelString: 'Свет и вентиляция'
                            },
                            ticks: {
                                min: -4,
                                max: 2
                            },
                            // расположение линейки - справа
                            position: 'right',
                            id: 'y-axis-2',
                        }]
                    }
                }
            };
            return chartJsOptions;
        });
}

function createImage(filename, callback){
    // filename - имя файла, в который положим картинку с графиком
    // выполним подготовку данных 
    prepareDraw1(2)
        // на след шаге нарисуем
        .then((result) => {
            // рисуем картинку по полученным данным и конфигурации
            return doDraw(result, filename);
        })
        .then(()=>{
            if (callback) callback();
        })
        .catch((err)=>{
            console.error(err);
        });
}