Вы искали git - Страница 12 из 14

ChartNew.js, исключение отрисовки значений на графике для определённых данных

28.12.2015 Павел Грибов WEB

Задача: нарисовать на графике, содержащем МНОГО данных, только определенные значения: а именно начальные значения, а так-же отклонения от «средних».

Решение: переопределим в шаблоне inGraphDataTmpl, функцию обработки «вывода значения»:

<script>    
var ctx = document.getElementById("myChart").getContext("2d");
var startWithDataset =1;
var startWithData =1;
oldv3=0;
maxdata=92;
function istosmall(v3,v12,v11,data){
    next=data.datasets[v11].data[v12+1];
   if ((Math.abs(v3-oldv3)>20)||(v12==0)||(v12==(maxdata-1))||(Math.abs(next-v3)>20))  {
       oldv3=v3;
       return v3;
   } else {
       oldv3=v3;return "";
   };
   //return v3;
};
options = {
      animationStartWithDataset : startWithDataset,
      animationStartWithData : startWithData,
      animationSteps : 60,
      canvasBorders : false,
      canvasBordersWidth : 3,
      canvasBordersColor : "black",
      graphTitle : "График статусов абонентов",
      legend : true,
      inGraphDataShow : true,
      annotateDisplay : true,
      inGraphDataTmpl: "<%=istosmall(v3,v12,v11,data)%>",
      graphTitleFontSize: 18,      
      animationLeftToRight : true,
      animationByDataset : true,
      responsive : true,
      maintainAspectRatio : true
};
var data={
    labels: ['2015-09-28','2015-09-29','2015-09-30','2015-10-01','2015-10-02','2015-10-03','2015-10-04','2015-10-05','2015-10-06','2015-10-07','2015-10-08','2015-10-09','2015-10-10','2015-10-11','2015-10-12','2015-10-13','2015-10-14','2015-10-15','2015-10-16','2015-10-17','2015-10-18','2015-10-19','2015-10-20','2015-10-21','2015-10-22','2015-10-23','2015-10-24','2015-10-25','2015-10-26','2015-10-27','2015-10-28','2015-10-29','2015-10-30','2015-10-31','2015-11-01','2015-11-02','2015-11-03','2015-11-04','2015-11-05','2015-11-06','2015-11-07','2015-11-08','2015-11-09','2015-11-10','2015-11-11','2015-11-12','2015-11-13','2015-11-14','2015-11-15','2015-11-16','2015-11-17','2015-11-18','2015-11-19','2015-11-20','2015-11-21','2015-11-22','2015-11-23','2015-11-24','2015-11-25','2015-11-26','2015-11-27','2015-11-28','2015-11-29','2015-11-30','2015-12-01','2015-12-02','2015-12-03','2015-12-04','2015-12-05','2015-12-06','2015-12-07','2015-12-08','2015-12-09','2015-12-10','2015-12-11','2015-12-12','2015-12-13','2015-12-14','2015-12-15','2015-12-16','2015-12-17','2015-12-18','2015-12-19','2015-12-20','2015-12-21','2015-12-22','2015-12-23','2015-12-24','2015-12-25','2015-12-26','2015-12-27','2015-12-28'],
    datasets: [
        {
            title: 'Активные',fillColor: "rgba(65,244,23,0.8)",strokeColor: "rgba(220,220,220,1)",pointColor: "rgba(65,126,164,1)",pointStrokeColor: "#fff",pointHighlightFill: "#fff",pointHighlightStroke: "rgba(220,220,220,1)",
            data: [1845,1850,1847,1308,1622,1703,1712,1724,1761,1754,1792,1812,1820,1826,1829,1836,1852,1864,1871,1878,1880,1880,1889,1897,1906,1914,1915,1915,1916,1921,1926,1930,1935,1936,1341,1529,1772,1819,1823,1832,1835,1834,1846,1883,1895,1896,1901,1906,1906,1906,1908,1911,1918,1923,1925,1926,1927,1928,1929,1931,1931,1933,1932,1929,1308,1675,1778,1828,1845,1834,1790,1815,1846,1854,1870,1879,1878,1878,1890,1903,1907,1914,1917,1917,1917,1925,1930,1935,1941,1943,1941,1943]
         },
        {
            title: 'По балансу',fillColor: "rgba(244,241,23,0.9)",strokeColor: "rgba(220,220,220,1)",pointColor: "rgba(65,126,164,1)",pointStrokeColor: "#fff",pointHighlightFill: "#fff",pointHighlightStroke: "rgba(220,220,220,1)",
            data: [59,49,50,598,287,207,196,187,154,169,135,100,94,88,87,85,71,67,64,59,57,58,54,48,43,40,40,40,38,37,27,26,25,24,612,424,184,137,136,126,123,124,118,84,74,73,69,66,66,68,65,59,49,47,46,45,44,40,39,38,36,36,36,36,658,290,187,139,121,132,177,154,122,114,102,97,98,97,88,76,73,71,69,69,69,67,64,61,56,55,55,54]
         },
        {
            title: 'Отключенные',fillColor: "rgba(244,23,44,0.1)",strokeColor: "rgba(244,23,44,1)",pointColor: "rgba(65,126,164,1)",pointStrokeColor: "#fff",pointHighlightFill: "#fff",pointHighlightStroke: "rgba(220,220,220,1)",
            data: [1151,1157,1159,1155,1158,1160,1162,1159,1160,1159,1159,1179,1181,1181,1179,1178,1179,1177,1177,1180,1180,1179,1179,1178,1180,1178,1180,1180,1181,1182,1190,1191,1193,1197,1204,1203,1205,1206,1204,1207,1213,1213,1207,1207,1207,1207,1207,1208,1208,1206,1208,1212,1215,1215,1215,1215,1215,1218,1220,1220,1222,1222,1223,1226,1229,1230,1232,1231,1234,1234,1233,1233,1235,1235,1236,1237,1237,1238,1239,1240,1240,1237,1237,1237,1237,1236,1236,1236,1235,1239,1241,1240]
         }
         
    ]
    }; 
var myLineChart = new Chart(ctx).Line(data, options);
</script>

var ctx = document.getElementById("myChart").getContext("2d");

var startWithDataset =1;

var startWithData =1;

oldv3=0;

maxdata=92;

function istosmall(v3,v12,v11,data){

next=data.datasets[v11].data[v12+1];

if ((Math.abs(v3-oldv3)>20)||(v12==0)||(v12==(maxdata-1))||(Math.abs(next-v3)>20)) {

oldv3=v3;

return v3;

} else {

oldv3=v3;return "";

};

//return v3;

};

options = {

animationStartWithDataset : startWithDataset,

animationStartWithData : startWithData,

animationSteps : 60,

canvasBorders : false,

canvasBordersWidth : 3,

canvasBordersColor : "black",

graphTitle : "График статусов абонентов",

legend : true,

inGraphDataShow : true,

annotateDisplay : true,

inGraphDataTmpl: "<%=istosmall(v3,v12,v11,data)%>",

graphTitleFontSize: 18,

animationLeftToRight : true,

animationByDataset : true,

responsive : true,

maintainAspectRatio : true

};

var data={

labels: ['2015-09-28','2015-09-29','2015-09-30','2015-10-01','2015-10-02','2015-10-03','2015-10-04','2015-10-05','2015-10-06','2015-10-07','2015-10-08','2015-10-09','2015-10-10','2015-10-11','2015-10-12','2015-10-13','2015-10-14','2015-10-15','2015-10-16','2015-10-17','2015-10-18','2015-10-19','2015-10-20','2015-10-21','2015-10-22','2015-10-23','2015-10-24','2015-10-25','2015-10-26','2015-10-27','2015-10-28','2015-10-29','2015-10-30','2015-10-31','2015-11-01','2015-11-02','2015-11-03','2015-11-04','2015-11-05','2015-11-06','2015-11-07','2015-11-08','2015-11-09','2015-11-10','2015-11-11','2015-11-12','2015-11-13','2015-11-14','2015-11-15','2015-11-16','2015-11-17','2015-11-18','2015-11-19','2015-11-20','2015-11-21','2015-11-22','2015-11-23','2015-11-24','2015-11-25','2015-11-26','2015-11-27','2015-11-28','2015-11-29','2015-11-30','2015-12-01','2015-12-02','2015-12-03','2015-12-04','2015-12-05','2015-12-06','2015-12-07','2015-12-08','2015-12-09','2015-12-10','2015-12-11','2015-12-12','2015-12-13','2015-12-14','2015-12-15','2015-12-16','2015-12-17','2015-12-18','2015-12-19','2015-12-20','2015-12-21','2015-12-22','2015-12-23','2015-12-24','2015-12-25','2015-12-26','2015-12-27','2015-12-28'],

datasets: [

{

title: 'Активные',fillColor: "rgba(65,244,23,0.8)",strokeColor: "rgba(220,220,220,1)",pointColor: "rgba(65,126,164,1)",pointStrokeColor: "#fff",pointHighlightFill: "#fff",pointHighlightStroke: "rgba(220,220,220,1)",

data: [1845,1850,1847,1308,1622,1703,1712,1724,1761,1754,1792,1812,1820,1826,1829,1836,1852,1864,1871,1878,1880,1880,1889,1897,1906,1914,1915,1915,1916,1921,1926,1930,1935,1936,1341,1529,1772,1819,1823,1832,1835,1834,1846,1883,1895,1896,1901,1906,1906,1906,1908,1911,1918,1923,1925,1926,1927,1928,1929,1931,1931,1933,1932,1929,1308,1675,1778,1828,1845,1834,1790,1815,1846,1854,1870,1879,1878,1878,1890,1903,1907,1914,1917,1917,1917,1925,1930,1935,1941,1943,1941,1943]

{

title: 'По балансу',fillColor: "rgba(244,241,23,0.9)",strokeColor: "rgba(220,220,220,1)",pointColor: "rgba(65,126,164,1)",pointStrokeColor: "#fff",pointHighlightFill: "#fff",pointHighlightStroke: "rgba(220,220,220,1)",

data: [59,49,50,598,287,207,196,187,154,169,135,100,94,88,87,85,71,67,64,59,57,58,54,48,43,40,40,40,38,37,27,26,25,24,612,424,184,137,136,126,123,124,118,84,74,73,69,66,66,68,65,59,49,47,46,45,44,40,39,38,36,36,36,36,658,290,187,139,121,132,177,154,122,114,102,97,98,97,88,76,73,71,69,69,69,67,64,61,56,55,55,54]

{

title: 'Отключенные',fillColor: "rgba(244,23,44,0.1)",strokeColor: "rgba(244,23,44,1)",pointColor: "rgba(65,126,164,1)",pointStrokeColor: "#fff",pointHighlightFill: "#fff",pointHighlightStroke: "rgba(220,220,220,1)",

data: [1151,1157,1159,1155,1158,1160,1162,1159,1160,1159,1159,1179,1181,1181,1179,1178,1179,1177,1177,1180,1180,1179,1179,1178,1180,1178,1180,1180,1181,1182,1190,1191,1193,1197,1204,1203,1205,1206,1204,1207,1213,1213,1207,1207,1207,1207,1207,1208,1208,1206,1208,1212,1215,1215,1215,1215,1215,1218,1220,1220,1222,1222,1223,1226,1229,1230,1232,1231,1234,1234,1233,1233,1235,1235,1236,1237,1237,1238,1239,1240,1240,1237,1237,1237,1237,1236,1236,1236,1235,1239,1241,1240]

}

]

};

var myLineChart = new Chart(ctx).Line(data, options);

</script>

Про шаблоны переменных можно почитать здесь: https://github.com/FVANCOP/ChartNew.js/wiki/120_Template_variables

Оставить комментарий ChartNew, шаблон вывода значений

Прогноз погоды на arduino.

11.09.2015 Павел Грибов arduino

Продолжаю героически пилить «Умный дом». На текущий момент сделано: вывод времени, даты, дня недели, погоды на сегодня и завтра, текущей температуры, включение/выключение дисплея по датчику движения.

Не удалось: подружить плату точного времени ds3231 работающую по шине i2C и Ethernet плату ENC28J60 работающую по шине SPI, Пошел какой-то конфликт между платами, разобраться как разрулить не смог. Пришлось время тоже брать с интернета.

Ниже приведен скетч на текущий момент. » Читать далее

Оставить комментарий arduino, умный дом

Arduino Mega и шина SPI

10.09.2015 Павел Грибов arduino

Теоретически шина SPI на Arduino позволяет подключать к ней одновременно несколько устройств. Причем активным устройством на текущий момент, для работы скетча будет считаться то устройство, у которого низкий уровень сигнала на пине Cabel Select.

Например, подключаем два устройства к ардуине : SD картридер и сетевой интерфейс на микросхеме enc28j60, по следующей схеме:

Arduino Mega	enc28j60	SD
49 (SS, nCS, CS, CSB, CSN, nSS, STE)	CS
50 (SCLK, SCK, CLK)	SO	SPI_CLK
51 (MOSI, SDI, DI, SI)	SI	SPI_MOSI
52 (MISO, SDO, DO, SO)	SCK	SPI_MISO
53 (SS, nCS, CS, CSB, CSN, nSS, STE)		SD_CS
GND	GND	GND
5V	VCC	5V

Или может быть понятнее рисунок:

схема подключения по шине spi двух устройств: enc28j60 и sd реадер

Т.е. как мы видим, часть пинов используется совместно, но пины 49 и 53 выделены для управления, для того чтобы скетч и «железка» знали, какое именно устройство в данный момент может передавать данные по общим пинам. Если на управляющем пине низкий уровень напряжения, то скетч и железка считает, что может передавать данные именно та железка, которая подведена к данному пину. Например по моей схеме: если на 49 пине низкий уровень, а на 53 высокий, то работает сетевая карта. И наоборот.

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

Например мой скетч по работе одновременно и с SD и с сетевой картой заработал с полпинка..

Пример скетча: » Читать далее

Оставить комментарий arduino, example, spi, несколько устройств

Русификация utft для arduino

04.08.2015 Павел Грибов C++, Отзывы о девайсах

Итак, пришел наконец дисплейчик на микросхеме HX8357B. Подключил — работает. Демки показывает которые идут к библиотеке utft (взять можно здесь). Да вот беда — русский то шрифт (кириллицу) ожидаемо не поддерживает. Будем исправлять. Первым делом роем интернет. Находим два решения: тут и тут. Первое не интересно тем, что для вывода на экран в кириллице требуется писать код вида:

 myGLCD.print("\x97""o""\x99""a", x, y);

1	myGLCD.print("\x97""o""\x99""a", x, y);

, второй тем.. что тупо не компилируется со множеством ошибок..побороть которые в силу не очень уверенного знания c++ не представилось возможным.

Итог: на основе этих двух решений разработано собственное:

Устанавливаем библиотеку utft
Создаем пустой проект, сохраняем его
В папку проекта закидываем вот этот шрифт: RussianFonts
Далее в проект вставляем следующий код:

#include <UTFT.h>
#include <memorysaver.h>

UTFT tft(CTE32HR,38,39,40,41);
extern uint8_t SmallRusFont[];
extern uint8_t BigRusFont[];

const uint8_t utf8_rus_charmap[] PROGMEM = {'A',128,'B',129,130,'E',131,132,133,134,135,'K',136,'M','H','O',137,'P','C','T',138,139,'X',140,141,
142,143,144,145,146,147,148,149,'a',150,151,152,153,'e',154,155,156,157,158,159,160,161,162,'o',163,'p','c',164,'y',165,'x',166,167,168,169,170,
171,172,173,174,175};

void printRus(UTFT rus,char *st, int x, int y, int deg){
 int stl, i;
 stl = strlen(st);
 if (rus.orient==PORTRAIT){
	if (x==RIGHT) x=(rus.disp_x_size+1)-(stl*rus.cfont.x_size);
	if (x==CENTER) x=((rus.disp_x_size+1)-(stl*rus.cfont.x_size))/2;
 } else {
  if (x==RIGHT) x=(rus.disp_y_size+1)-(stl*rus.cfont.x_size);
  if (x==CENTER) x=((rus.disp_y_size+1)-(stl*rus.cfont.x_size))/2;
 }
 uint8_t utf_high_byte = 0;
 uint8_t ch, ch_pos = 0;
 for (i = 0; i < stl; i++) {
  ch = st[i];
   if ( ch >= 128) {
     if ( utf_high_byte == 0 && (ch ==0xD0 || ch == 0xD1)) {
         utf_high_byte = ch;
	  continue;
     } else {
     if ( utf_high_byte == 0xD0) {
	if (ch == 0x81) { //Ё
	  ch = 6;
	} else {
	if(ch <= 0x95) {
	   ch -= 0x90;
	} else if( ch < 0xB6){
	ch -= (0x90 - 1);
	} else {
	ch -= (0x90 - 2);
	}}
	ch = pgm_read_byte(utf8_rus_charmap + ch);
    } else if (utf_high_byte == 0xD1) {
           if (ch == 0x91) {//ё
	       ch = 39;
	   } else {
	    ch -= 0x80;
	    ch += 50;
	   }
           ch = pgm_read_byte(utf8_rus_charmap + ch);
	}
	utf_high_byte = 0;
   }
   } else {
     utf_high_byte = 0;
     }
     if (deg==0) {rus.printChar(ch, x + (ch_pos * (rus.cfont.x_size)), y);} else {
		  rus.rotateChar(ch, x, y, ch_pos, deg);
		}
      ++ch_pos;
 }
};
void setup(){  
  tft.InitLCD(LANDSCAPE);
  tft.clrScr();
  tft.setColor(VGA_BLACK);
  tft.fillRect(0,0, tft.getDisplayXSize()-1, tft.getDisplayYSize()-1);
  tft.setFont(BigRusFont);
  tft.setColor(VGA_WHITE);
  tft.setBackColor(VGA_TRANSPARENT);
  printRus(tft,"АБВГДЕЁЖЗИЙКЛМН", 0, 0,0);

  printRus(tft,"ОПРСТУФХШЩЬЫЪЭ", 0, 20,0); 
  printRus(tft,"ЮЯабвгдеёжзийкл", 0, 40,0);
  printRus(tft,"мнопрстуфхцчшщь", 0, 60,0);
  printRus(tft,"ыъэюя", 0, 80,0);
  tft.setFont(SmallRusFont);
  printRus(tft,"АБВГДЕЁЖЗИЙКЛМН", 0, 100,0);

  printRus(tft,"ОПРСТУФХШЩЬЫЪЭ", 0, 120,0); 
  printRus(tft,"ЮЯабвгдеёжзийкл", 0, 140,0);
  printRus(tft,"мнопрстуфхцчшщь", 0, 160,0);
  printRus(tft,"ыъэюя", 0, 180,0);
}

void loop()
{
}

#include <UTFT.h>

#include <memorysaver.h>

UTFT tft(CTE32HR,38,39,40,41);

extern uint8_t SmallRusFont[];

extern uint8_t BigRusFont[];

const uint8_t utf8_rus_charmap[] PROGMEM = {'A',128,'B',129,130,'E',131,132,133,134,135,'K',136,'M','H','O',137,'P','C','T',138,139,'X',140,141,

142,143,144,145,146,147,148,149,'a',150,151,152,153,'e',154,155,156,157,158,159,160,161,162,'o',163,'p','c',164,'y',165,'x',166,167,168,169,170,

171,172,173,174,175};

void printRus(UTFT rus,char *st, int x, int y, int deg){

int stl, i;

stl = strlen(st);

if (rus.orient==PORTRAIT){

if (x==RIGHT) x=(rus.disp_x_size+1)-(stl*rus.cfont.x_size);

if (x==CENTER) x=((rus.disp_x_size+1)-(stl*rus.cfont.x_size))/2;

} else {

if (x==RIGHT) x=(rus.disp_y_size+1)-(stl*rus.cfont.x_size);

if (x==CENTER) x=((rus.disp_y_size+1)-(stl*rus.cfont.x_size))/2;

}

uint8_t utf_high_byte = 0;

uint8_t ch, ch_pos = 0;

for (i = 0; i < stl; i++) {

ch = st[i];

if ( ch >= 128) {

if ( utf_high_byte == 0 && (ch ==0xD0 || ch == 0xD1)) {

utf_high_byte = ch;

continue;

} else {

if ( utf_high_byte == 0xD0) {

if (ch == 0x81) { //Ё

ch = 6;

} else {

if(ch <= 0x95) {

ch -= 0x90;

} else if( ch < 0xB6){

ch -= (0x90 - 1);

} else {

ch -= (0x90 - 2);

}}

ch = pgm_read_byte(utf8_rus_charmap + ch);

} else if (utf_high_byte == 0xD1) {

if (ch == 0x91) {//ё

ch = 39;

} else {

ch -= 0x80;

ch += 50;

}

ch = pgm_read_byte(utf8_rus_charmap + ch);

}

utf_high_byte = 0;

}

} else {

utf_high_byte = 0;

}

if (deg==0) {rus.printChar(ch, x + (ch_pos * (rus.cfont.x_size)), y);} else {

rus.rotateChar(ch, x, y, ch_pos, deg);

}

++ch_pos;

}

};

void setup(){

tft.InitLCD(LANDSCAPE);

tft.clrScr();

tft.setColor(VGA_BLACK);

tft.fillRect(0,0, tft.getDisplayXSize()-1, tft.getDisplayYSize()-1);

tft.setFont(BigRusFont);

tft.setColor(VGA_WHITE);

tft.setBackColor(VGA_TRANSPARENT);

printRus(tft,"АБВГДЕЁЖЗИЙКЛМН", 0, 0,0);

printRus(tft,"ОПРСТУФХШЩЬЫЪЭ", 0, 20,0);

printRus(tft,"ЮЯабвгдеёжзийкл", 0, 40,0);

printRus(tft,"мнопрстуфхцчшщь", 0, 60,0);

printRus(tft,"ыъэюя", 0, 80,0);

tft.setFont(SmallRusFont);

printRus(tft,"АБВГДЕЁЖЗИЙКЛМН", 0, 100,0);

printRus(tft,"ОПРСТУФХШЩЬЫЪЭ", 0, 120,0);

printRus(tft,"ЮЯабвгдеёжзийкл", 0, 140,0);

printRus(tft,"мнопрстуфхцчшщь", 0, 160,0);

printRus(tft,"ыъэюя", 0, 180,0);

}

void loop()

{

}

Заливаем скетч в Arduino..и вуаля, получаем картинку вида:

2 комментария arduino mega, utft, киррилица, руссификация, русский шрифт

Подключение дисплея 1602a к Arduino

17.06.2015 Павел Грибов C++, Отзывы о девайсах

Схема подключения:

Распиновка по контактам:

Контакт дисплея Контакт Arduino Значение

1 GND Vss

2 5V Vdd

3 GND Vo (контрастность)

4 digital 12 RS

5 digital 11 R/W

6 digital 10 ENABLE

11 digital 5 DB4

12 digital 4 DB5

13 digital 3 DB6

14 digital 2 DB7

15 5V LED+

16 GND LED-

Пример программы:

#include <LiquidCrystal.h> //Подключаем библиотеку для работы с LCD
LiquidCrystal lcd(12, 11, 10, 5, 4, 3, 2); // инициализируем LCD, указывая управляющие контакты
void setup() {
  lcd.begin(16, 2);// задаем размерность дисплея
  lcd.print("Please wait.."); //первая строчка
  lcd.setCursor(0, 1); //передвинем курсор
  lcd.print("(c) Gribov Pavel"); //вторая строчка
}
void loop() {
}

#include <LiquidCrystal.h> //Подключаем библиотеку для работы с LCD

LiquidCrystal lcd(12, 11, 10, 5, 4, 3, 2); // инициализируем LCD, указывая управляющие контакты

void setup() {

lcd.begin(16, 2);// задаем размерность дисплея

lcd.print("Please wait.."); //первая строчка

lcd.setCursor(0, 1); //передвинем курсор

lcd.print("(c) Gribov Pavel"); //вторая строчка

}

void loop() {

}

Оставить комментарий 1602a, arduino, arduino uno, подключение

« 1 … 10 11 12 13 14 »

Июль 2025
Пн	Вт	Ср	Чт	Пт	Сб	Вс
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31