Плейлист: goo.gl/hpmmzj Сайт: javascript.kiev.ua Телеграм: t.me/jsrules Файлы: github.com/luschenko/js_reshaet Учимся строить графики с помощью Chart.js
Жүктеу.....
Пікірлер: 86
@yekaterinajalette94835 жыл бұрын
Очень хорошо объясняете! Спасибо!
@betsmagazine-72423 жыл бұрын
спасибо! будем разбираться, как раз дали тестовое с графиками))
@KirillKlimov_lds6 жыл бұрын
Все прекрасно получилось. Жду следующего урока про биткойны!
@itgid
6 жыл бұрын
Завтра, а ваш комментарий предыдущий - исправили ошибку?
@donmacaron353
5 жыл бұрын
@@itgid А был таки урок про графики криптовалют? Не могу нигде найти
@MrVertu01
2 жыл бұрын
@@donmacaron353 походу не было, тоже найти не могу
@microodyssey3 жыл бұрын
Блиин, ты прямо вовремя меня выручил! Спасибо
@user-hm7xf9hj6q3 жыл бұрын
Спасибо огромное ! На работе дали задачу , завтра реализую 👍👍👍👍👍👍👍👍👍👍👍👍
@t.on.y3 жыл бұрын
В шоке, так просто. Мое почтение за видео.
@KuKu_RuKu884 жыл бұрын
Класс. Спасибо за урок
@elizabethgrant60183 жыл бұрын
Спасибо огромное, очень помогли!
@valeriygalev29335 жыл бұрын
А можно на элемент графика (столбец) навешивать обработчик события, например чтобы по даблклику на нём открывалась карточка с информацией?
@k-volodymyr6 жыл бұрын
*СУПЕР!!!*
@user-cl3ej8mt9i6 жыл бұрын
очень классно )
@betsmagazine-72422 жыл бұрын
а не могли бы рассказать более сложный пример - как при помощи этой библиотеки рисовать на сайте при клике на кнопке новые графики - в документации как-то непонятно написано и неясно тот ли этот момент - кликаем по кнопке randomise -линии меняются, но вот как это сделать - новичку непонятно
@mk3mk3mk5 жыл бұрын
Александр, здравствуйте! А где тот урок про графики криптовалют, про который Вы сказали, что завтра будет и оставите ссылку ? Что-то я не нашёл . Очень интересно посмотреть
@podbot42313 жыл бұрын
Здравствуйте! Может быть вы знаете как на графике с двумя осями Y перенести одну из них направо? Ставлю осям position по id, и по yAxisID, все равно слева обе. Работаю с ChartJS V3.1.0
@donmacaron3535 жыл бұрын
А был таки урок про графики криптовалют? Не могу нигде найти
@DevALine4 жыл бұрын
Здравствуйте, возник вопрос возможно у вас как у разработчика с большим стажем он тоже когда-то возникал. Суть вопроса в следующем возможно ли у круговой диаграмы состоящей из 3 частей сделать отступы и скруглить внутренние грани. stackoverflow.com/questions/58080847/google-donut-chart
@sevgenberg585 Жыл бұрын
Скажите, как показать что показатель растет, например стрелочка зеленая вверх, показатель выводится со знаком +, или падает стрелочка красная вниз, показатель со знаком-.Как это можно реализовать, подскажите хотя бы где копать. несколько раз видел такое на сайтах криптобирж.
@elvinalishov21764 жыл бұрын
Добрый день а как добавить тень к кускам круглого графика при наведении мышю на куски
@antina344 жыл бұрын
интересно было бы посмотреть на d3 js
@marytrampoline27635 жыл бұрын
как правильно настроить размеры графика? что бы было например 300 на 200 ?
@alexandrameas44365 жыл бұрын
а как быть, если надо последние 12 месяцев вывести на ось x?
@i-holzi73326 жыл бұрын
СУППЕР!
@user-jt3su6le8i Жыл бұрын
Привет. Может кто сталкивался с такой проблемой. Тупо не получается подключить библиотеку, а когда добавляю код настройки в js то вообще тупо перестает работать все что находится в js
@dmitryponyatov21584 жыл бұрын
а чем можно рисовать _графы_ с текстовыми метками? типа схем сетей, структур подчинененнения начальников, электрических и т.п.
@itgid
4 жыл бұрын
canvas
@heypeople87596 жыл бұрын
А как сделать чтобы данные читались из файла?
@KostiaBazrov
3 жыл бұрын
Input type file
@thisIsMine0075 жыл бұрын
Здравствуйте. Подскажите как поменять размер диаграммы ?
@itgid
5 жыл бұрын
если вы имеете ввиду внешний размер, то CSS. Если внутренние элементы - то они рассчитываются автоматически на основе введенных данных.
@user-ed7kf3bg2u6 жыл бұрын
Классное видео! А не могли бы вы записать урок как строить графики используя данные из базы данных?
@itgid
6 жыл бұрын
Каких баз данных, какой бекенд?
@user-ed7kf3bg2u
6 жыл бұрын
Да ну взять к примеру SQL, или например как вытащить те же данные из обычного блокнота. Я новичок в этом всем... по этому прошу прощения если мои вопросы окажутся глупыми)))))
@user-xg8pb7br6k
4 жыл бұрын
@@user-ed7kf3bg2u привет, каковы успехи сейчас?
@vadimlukin31736 жыл бұрын
Добрый день. Смотрю с большим удовольствием ваши уроки по JS, думал что никогда не найду тех людей,которые не только просто что то говорят про JS но и объясняют.Не могли бы вы сделать также курс jQuery для начинающих?
@azelsky6 жыл бұрын
Доброго дня, де можна глянути про графік до криптовалюти?
@Nagatt5 жыл бұрын
Можете подсказать или видео скинуть,у меня диаграмма в виде пончика, есть такая проблема когда наводишь на определённый участок то показывается hover, как его отключить?
@itgid
5 жыл бұрын
легенду убрать нужно.
@Nagatt
5 жыл бұрын
Спасибо, это уже не проблема, как изменить hover на кастомный?
@serdarhuseynov8901 Жыл бұрын
я сделал все получилось спасибо автору осталось научиться как убрать фоновые линии и цифры по бокам
@maxsaCEO6 жыл бұрын
Интересно узнать, как при типе графика Doughnut, значение label (например жирным 33%) поместить в середину "бублика"?
@itgid
6 жыл бұрын
А документации описан этот стиль?
@maxsaCEO
6 жыл бұрын
Да, здесь: www.chartjs.org/docs/latest/charts/doughnut.html
@vmakushchenko20443 жыл бұрын
лайк
@vladislavdev88905 жыл бұрын
Спасибо кл=ассно обьяснил незная js понял
@kirillcherkalov24446 жыл бұрын
Как на счёт , чтобы сделать задачки про граф?)
@itgid
6 жыл бұрын
Сделаю, всему свое время. Просто не успеваю все.
@kirillcherkalov2444
6 жыл бұрын
Front-End разработка с нуля. HTML, CSS, jQuery Понял, буду ждать)
@Dmitriy_Sentinel2 жыл бұрын
Кстати, если делать подобное на React.js
@kapotonai6 жыл бұрын
document.getElementsById('square') = fun1; Выдает ошибку: 'Uncaught ReferenceError: Invalid left-hand side in assignment' Где я ошибся?
@itgid
6 жыл бұрын
в правой части выражения. В левой вы получаете элемент со страницы и пытаетесь ему присвоить какую-то странную переменную fun1. Что вы хотите получить?
@kapotonai
6 жыл бұрын
Хочу получить элемент с id='square' и присвоить ей функцию.Я видно запутался.Для меня это больной момент:когда и где создавать функцию.
@itgid
6 жыл бұрын
Тогда нужно написать так document.getElementById('square).onclick = fun1; Т.е. укажите событие, при котором должна происходить эта функция.
@Transguddit6 жыл бұрын
Кто подскажет, почему в js переменная с именем name - всегда строка??? Это какое то зарезервированное имя? Не смог ничего про это найти.
@itgid
6 жыл бұрын
А как вы получаете name?
@Transguddit
6 жыл бұрын
var name = 1; typeof name; "string" name = null; typeof name; "string" name = []; typeof name; "string" Если другое имя дать, например names - то всё работает правильно
@itgid
6 жыл бұрын
а в чем прикол? Да это строка!
@Transguddit
6 жыл бұрын
Так а почему это строка??? var name = 1; typeof name; "string" var Name = 1; typeof Name; "number"
@itgid
6 жыл бұрын
а попробуйте поменять name на name1
@andrejaga30032 жыл бұрын
Мне кажется, это обманчивая легкость. Я хотел сказать, что есть подводные камни. Во-первых, приходится подключать библиотеку. Библиотеку желательно подключать в head страницы, т.е. пока она не загрузится, пользователь ничего не увидит. Во-вторых, библиотека сторонняя (хотя можно и себе перетащить). В свете последних событий, когда недобросовестные разработчики с запада просто на волне хайпа блокируют выдачу по территориальному признаку -- это жирный минус. Ну а в третьих, большинство диаграмм элементарно можно нарисовать таблицами, а лучше js+таблица, чтобы сократить код. И весить они будут совсем ничего.
@andreinechaev72145 жыл бұрын
У меня этот чарт не поддерживает русские буквы - в подписях к графику аккуратные рядки из ромбиков)
@itgid
5 жыл бұрын
А какая кодировка и браузер?
@andreinechaev7214
5 жыл бұрын
Браузер хром в виндоус10. Набирал в редакторе ноутпад++. Когда перешел на Брэкетс эта проблема исчезла.
@AidanaT8296 жыл бұрын
Помогите пожалуйста! У меня библиотека через ссылку не привязывается!
@itgid
6 жыл бұрын
Если вы с россии то у вас роскомнадзор блокирует хранилища, нужно качать библиотеку и подключать напрямую.
@AidanaT829
6 жыл бұрын
JavaScript решает я из Казахстана;(
@itgid
6 жыл бұрын
А я из Украины. А при перекрытии каналов ищут обходные пути, в результате трафик возрастает и доступ к ресурсам замедляется. Это как из вариантов, а если можно выгрузите код на codepen посмотрю.
@AidanaT829
6 жыл бұрын
JavaScript решает Спасибо Большое, что отвечаете!!!! Если смогу- выгружу. Пишу на с Uikit и vue js, но они не причём, да?
какая блин ссылочка в низу , я его уже 3 раза посмотрел )
@itgid
6 жыл бұрын
Дмитрий Холост что вы имеете ввиду?
@user-cl3ej8mt9i
6 жыл бұрын
ну вы говорите , кто не знает ссылка на урок с криптой в низу . а его уже три раза пересмотрел и по практиковался . в общем не то что есть какие-то видео , какие я не смотрел , а уже все по несколько раз смотрел , практиковал и с нетерпением жду новые .
@yuriiserdiuk3918
5 жыл бұрын
@TheMrDemage4 жыл бұрын
не работает
@pwal19695 жыл бұрын
Только не работает нечего с примеров, от слова совсем
@user-lm7ct2oz9w5 жыл бұрын
вот либа получше plot.ly/javascript/
@alexUnion5 жыл бұрын
Для кого это видео? Смотрел с рукой на лице...вот эта надпись...цитирование документации...
@itgid
5 жыл бұрын
Зачем же так мучатся. Поставьте анлайк и идите мимо.
Пікірлер: 86
Очень хорошо объясняете! Спасибо!
спасибо! будем разбираться, как раз дали тестовое с графиками))
Все прекрасно получилось. Жду следующего урока про биткойны!
@itgid
6 жыл бұрын
Завтра, а ваш комментарий предыдущий - исправили ошибку?
@donmacaron353
5 жыл бұрын
@@itgid А был таки урок про графики криптовалют? Не могу нигде найти
@MrVertu01
2 жыл бұрын
@@donmacaron353 походу не было, тоже найти не могу
Блиин, ты прямо вовремя меня выручил! Спасибо
Спасибо огромное ! На работе дали задачу , завтра реализую 👍👍👍👍👍👍👍👍👍👍👍👍
В шоке, так просто. Мое почтение за видео.
Класс. Спасибо за урок
Спасибо огромное, очень помогли!
А можно на элемент графика (столбец) навешивать обработчик события, например чтобы по даблклику на нём открывалась карточка с информацией?
*СУПЕР!!!*
очень классно )
а не могли бы рассказать более сложный пример - как при помощи этой библиотеки рисовать на сайте при клике на кнопке новые графики - в документации как-то непонятно написано и неясно тот ли этот момент - кликаем по кнопке randomise -линии меняются, но вот как это сделать - новичку непонятно
Александр, здравствуйте! А где тот урок про графики криптовалют, про который Вы сказали, что завтра будет и оставите ссылку ? Что-то я не нашёл . Очень интересно посмотреть
Здравствуйте! Может быть вы знаете как на графике с двумя осями Y перенести одну из них направо? Ставлю осям position по id, и по yAxisID, все равно слева обе. Работаю с ChartJS V3.1.0
А был таки урок про графики криптовалют? Не могу нигде найти
Здравствуйте, возник вопрос возможно у вас как у разработчика с большим стажем он тоже когда-то возникал. Суть вопроса в следующем возможно ли у круговой диаграмы состоящей из 3 частей сделать отступы и скруглить внутренние грани. stackoverflow.com/questions/58080847/google-donut-chart
Скажите, как показать что показатель растет, например стрелочка зеленая вверх, показатель выводится со знаком +, или падает стрелочка красная вниз, показатель со знаком-.Как это можно реализовать, подскажите хотя бы где копать. несколько раз видел такое на сайтах криптобирж.
Добрый день а как добавить тень к кускам круглого графика при наведении мышю на куски
интересно было бы посмотреть на d3 js
как правильно настроить размеры графика? что бы было например 300 на 200 ?
а как быть, если надо последние 12 месяцев вывести на ось x?
СУППЕР!
Привет. Может кто сталкивался с такой проблемой. Тупо не получается подключить библиотеку, а когда добавляю код настройки в js то вообще тупо перестает работать все что находится в js
а чем можно рисовать _графы_ с текстовыми метками? типа схем сетей, структур подчинененнения начальников, электрических и т.п.
@itgid
4 жыл бұрын
canvas
А как сделать чтобы данные читались из файла?
@KostiaBazrov
3 жыл бұрын
Input type file
Здравствуйте. Подскажите как поменять размер диаграммы ?
@itgid
5 жыл бұрын
если вы имеете ввиду внешний размер, то CSS. Если внутренние элементы - то они рассчитываются автоматически на основе введенных данных.
Классное видео! А не могли бы вы записать урок как строить графики используя данные из базы данных?
@itgid
6 жыл бұрын
Каких баз данных, какой бекенд?
@user-ed7kf3bg2u
6 жыл бұрын
Да ну взять к примеру SQL, или например как вытащить те же данные из обычного блокнота. Я новичок в этом всем... по этому прошу прощения если мои вопросы окажутся глупыми)))))
@user-xg8pb7br6k
4 жыл бұрын
@@user-ed7kf3bg2u привет, каковы успехи сейчас?
Добрый день. Смотрю с большим удовольствием ваши уроки по JS, думал что никогда не найду тех людей,которые не только просто что то говорят про JS но и объясняют.Не могли бы вы сделать также курс jQuery для начинающих?
Доброго дня, де можна глянути про графік до криптовалюти?
Можете подсказать или видео скинуть,у меня диаграмма в виде пончика, есть такая проблема когда наводишь на определённый участок то показывается hover, как его отключить?
@itgid
5 жыл бұрын
легенду убрать нужно.
@Nagatt
5 жыл бұрын
Спасибо, это уже не проблема, как изменить hover на кастомный?
я сделал все получилось спасибо автору осталось научиться как убрать фоновые линии и цифры по бокам
Интересно узнать, как при типе графика Doughnut, значение label (например жирным 33%) поместить в середину "бублика"?
@itgid
6 жыл бұрын
А документации описан этот стиль?
@maxsaCEO
6 жыл бұрын
Да, здесь: www.chartjs.org/docs/latest/charts/doughnut.html
лайк
Спасибо кл=ассно обьяснил незная js понял
Как на счёт , чтобы сделать задачки про граф?)
@itgid
6 жыл бұрын
Сделаю, всему свое время. Просто не успеваю все.
@kirillcherkalov2444
6 жыл бұрын
Front-End разработка с нуля. HTML, CSS, jQuery Понял, буду ждать)
Кстати, если делать подобное на React.js
document.getElementsById('square') = fun1; Выдает ошибку: 'Uncaught ReferenceError: Invalid left-hand side in assignment' Где я ошибся?
@itgid
6 жыл бұрын
в правой части выражения. В левой вы получаете элемент со страницы и пытаетесь ему присвоить какую-то странную переменную fun1. Что вы хотите получить?
@kapotonai
6 жыл бұрын
Хочу получить элемент с id='square' и присвоить ей функцию.Я видно запутался.Для меня это больной момент:когда и где создавать функцию.
@itgid
6 жыл бұрын
Тогда нужно написать так document.getElementById('square).onclick = fun1; Т.е. укажите событие, при котором должна происходить эта функция.
Кто подскажет, почему в js переменная с именем name - всегда строка??? Это какое то зарезервированное имя? Не смог ничего про это найти.
@itgid
6 жыл бұрын
А как вы получаете name?
@Transguddit
6 жыл бұрын
var name = 1; typeof name; "string" name = null; typeof name; "string" name = []; typeof name; "string" Если другое имя дать, например names - то всё работает правильно
@itgid
6 жыл бұрын
а в чем прикол? Да это строка!
@Transguddit
6 жыл бұрын
Так а почему это строка??? var name = 1; typeof name; "string" var Name = 1; typeof Name; "number"
@itgid
6 жыл бұрын
а попробуйте поменять name на name1
Мне кажется, это обманчивая легкость. Я хотел сказать, что есть подводные камни. Во-первых, приходится подключать библиотеку. Библиотеку желательно подключать в head страницы, т.е. пока она не загрузится, пользователь ничего не увидит. Во-вторых, библиотека сторонняя (хотя можно и себе перетащить). В свете последних событий, когда недобросовестные разработчики с запада просто на волне хайпа блокируют выдачу по территориальному признаку -- это жирный минус. Ну а в третьих, большинство диаграмм элементарно можно нарисовать таблицами, а лучше js+таблица, чтобы сократить код. И весить они будут совсем ничего.
У меня этот чарт не поддерживает русские буквы - в подписях к графику аккуратные рядки из ромбиков)
@itgid
5 жыл бұрын
А какая кодировка и браузер?
@andreinechaev7214
5 жыл бұрын
Браузер хром в виндоус10. Набирал в редакторе ноутпад++. Когда перешел на Брэкетс эта проблема исчезла.
Помогите пожалуйста! У меня библиотека через ссылку не привязывается!
@itgid
6 жыл бұрын
Если вы с россии то у вас роскомнадзор блокирует хранилища, нужно качать библиотеку и подключать напрямую.
@AidanaT829
6 жыл бұрын
JavaScript решает я из Казахстана;(
@itgid
6 жыл бұрын
А я из Украины. А при перекрытии каналов ищут обходные пути, в результате трафик возрастает и доступ к ресурсам замедляется. Это как из вариантов, а если можно выгрузите код на codepen посмотрю.
@AidanaT829
6 жыл бұрын
JavaScript решает Спасибо Большое, что отвечаете!!!! Если смогу- выгружу. Пишу на с Uikit и vue js, но они не причём, да?
@AidanaT829
6 жыл бұрын
codepen.io/khassenovaainur/pen/rKoXJq посмотрите пожалуйста))
какая блин ссылочка в низу , я его уже 3 раза посмотрел )
@itgid
6 жыл бұрын
Дмитрий Холост что вы имеете ввиду?
@user-cl3ej8mt9i
6 жыл бұрын
ну вы говорите , кто не знает ссылка на урок с криптой в низу . а его уже три раза пересмотрел и по практиковался . в общем не то что есть какие-то видео , какие я не смотрел , а уже все по несколько раз смотрел , практиковал и с нетерпением жду новые .
@yuriiserdiuk3918
5 жыл бұрын
не работает
Только не работает нечего с примеров, от слова совсем
вот либа получше plot.ly/javascript/
Для кого это видео? Смотрел с рукой на лице...вот эта надпись...цитирование документации...
@itgid
5 жыл бұрын
Зачем же так мучатся. Поставьте анлайк и идите мимо.