JavaScript решает 21. Графики Chart.js

Плейлист: goo.gl/hpmmzj
Сайт: javascript.kiev.ua
Телеграм: t.me/jsrules
Файлы: github.com/luschenko/js_reshaet
Учимся строить графики с помощью Chart.js

Пікірлер: 86

  • @yekaterinajalette9483
    @yekaterinajalette94835 жыл бұрын

    Очень хорошо объясняете! Спасибо!

  • @betsmagazine-7242
    @betsmagazine-72423 жыл бұрын

    спасибо! будем разбираться, как раз дали тестовое с графиками))

  • @KirillKlimov_lds
    @KirillKlimov_lds6 жыл бұрын

    Все прекрасно получилось. Жду следующего урока про биткойны!

  • @itgid

    @itgid

    6 жыл бұрын

    Завтра, а ваш комментарий предыдущий - исправили ошибку?

  • @donmacaron353

    @donmacaron353

    5 жыл бұрын

    @@itgid А был таки урок про графики криптовалют? Не могу нигде найти

  • @MrVertu01

    @MrVertu01

    2 жыл бұрын

    @@donmacaron353 походу не было, тоже найти не могу

  • @microodyssey
    @microodyssey3 жыл бұрын

    Блиин, ты прямо вовремя меня выручил! Спасибо

  • @user-hm7xf9hj6q
    @user-hm7xf9hj6q3 жыл бұрын

    Спасибо огромное ! На работе дали задачу , завтра реализую 👍👍👍👍👍👍👍👍👍👍👍👍

  • @t.on.y
    @t.on.y3 жыл бұрын

    В шоке, так просто. Мое почтение за видео.

  • @KuKu_RuKu88
    @KuKu_RuKu884 жыл бұрын

    Класс. Спасибо за урок

  • @elizabethgrant6018
    @elizabethgrant60183 жыл бұрын

    Спасибо огромное, очень помогли!

  • @valeriygalev2933
    @valeriygalev29335 жыл бұрын

    А можно на элемент графика (столбец) навешивать обработчик события, например чтобы по даблклику на нём открывалась карточка с информацией?

  • @k-volodymyr
    @k-volodymyr6 жыл бұрын

    *СУПЕР!!!*

  • @user-cl3ej8mt9i
    @user-cl3ej8mt9i6 жыл бұрын

    очень классно )

  • @betsmagazine-7242
    @betsmagazine-72422 жыл бұрын

    а не могли бы рассказать более сложный пример - как при помощи этой библиотеки рисовать на сайте при клике на кнопке новые графики - в документации как-то непонятно написано и неясно тот ли этот момент - кликаем по кнопке randomise -линии меняются, но вот как это сделать - новичку непонятно

  • @mk3mk3mk
    @mk3mk3mk5 жыл бұрын

    Александр, здравствуйте! А где тот урок про графики криптовалют, про который Вы сказали, что завтра будет и оставите ссылку ? Что-то я не нашёл . Очень интересно посмотреть

  • @podbot4231
    @podbot42313 жыл бұрын

    Здравствуйте! Может быть вы знаете как на графике с двумя осями Y перенести одну из них направо? Ставлю осям position по id, и по yAxisID, все равно слева обе. Работаю с ChartJS V3.1.0

  • @donmacaron353
    @donmacaron3535 жыл бұрын

    А был таки урок про графики криптовалют? Не могу нигде найти

  • @DevALine
    @DevALine4 жыл бұрын

    Здравствуйте, возник вопрос возможно у вас как у разработчика с большим стажем он тоже когда-то возникал. Суть вопроса в следующем возможно ли у круговой диаграмы состоящей из 3 частей сделать отступы и скруглить внутренние грани. stackoverflow.com/questions/58080847/google-donut-chart

  • @sevgenberg585
    @sevgenberg585 Жыл бұрын

    Скажите, как показать что показатель растет, например стрелочка зеленая вверх, показатель выводится со знаком +, или падает стрелочка красная вниз, показатель со знаком-.Как это можно реализовать, подскажите хотя бы где копать. несколько раз видел такое на сайтах криптобирж.

  • @elvinalishov2176
    @elvinalishov21764 жыл бұрын

    Добрый день а как добавить тень к кускам круглого графика при наведении мышю на куски

  • @antina34
    @antina344 жыл бұрын

    интересно было бы посмотреть на d3 js

  • @marytrampoline2763
    @marytrampoline27635 жыл бұрын

    как правильно настроить размеры графика? что бы было например 300 на 200 ?

  • @alexandrameas4436
    @alexandrameas44365 жыл бұрын

    а как быть, если надо последние 12 месяцев вывести на ось x?

  • @i-holzi7332
    @i-holzi73326 жыл бұрын

    СУППЕР!

  • @user-jt3su6le8i
    @user-jt3su6le8i Жыл бұрын

    Привет. Может кто сталкивался с такой проблемой. Тупо не получается подключить библиотеку, а когда добавляю код настройки в js то вообще тупо перестает работать все что находится в js

  • @dmitryponyatov2158
    @dmitryponyatov21584 жыл бұрын

    а чем можно рисовать _графы_ с текстовыми метками? типа схем сетей, структур подчинененнения начальников, электрических и т.п.

  • @itgid

    @itgid

    4 жыл бұрын

    canvas

  • @heypeople8759
    @heypeople87596 жыл бұрын

    А как сделать чтобы данные читались из файла?

  • @KostiaBazrov

    @KostiaBazrov

    3 жыл бұрын

    Input type file

  • @thisIsMine007
    @thisIsMine0075 жыл бұрын

    Здравствуйте. Подскажите как поменять размер диаграммы ?

  • @itgid

    @itgid

    5 жыл бұрын

    если вы имеете ввиду внешний размер, то CSS. Если внутренние элементы - то они рассчитываются автоматически на основе введенных данных.

  • @user-ed7kf3bg2u
    @user-ed7kf3bg2u6 жыл бұрын

    Классное видео! А не могли бы вы записать урок как строить графики используя данные из базы данных?

  • @itgid

    @itgid

    6 жыл бұрын

    Каких баз данных, какой бекенд?

  • @user-ed7kf3bg2u

    @user-ed7kf3bg2u

    6 жыл бұрын

    Да ну взять к примеру SQL, или например как вытащить те же данные из обычного блокнота. Я новичок в этом всем... по этому прошу прощения если мои вопросы окажутся глупыми)))))

  • @user-xg8pb7br6k

    @user-xg8pb7br6k

    4 жыл бұрын

    @@user-ed7kf3bg2u привет, каковы успехи сейчас?

  • @vadimlukin3173
    @vadimlukin31736 жыл бұрын

    Добрый день. Смотрю с большим удовольствием ваши уроки по JS, думал что никогда не найду тех людей,которые не только просто что то говорят про JS но и объясняют.Не могли бы вы сделать также курс jQuery для начинающих?

  • @azelsky
    @azelsky6 жыл бұрын

    Доброго дня, де можна глянути про графік до криптовалюти?

  • @Nagatt
    @Nagatt5 жыл бұрын

    Можете подсказать или видео скинуть,у меня диаграмма в виде пончика, есть такая проблема когда наводишь на определённый участок то показывается hover, как его отключить?

  • @itgid

    @itgid

    5 жыл бұрын

    легенду убрать нужно.

  • @Nagatt

    @Nagatt

    5 жыл бұрын

    Спасибо, это уже не проблема, как изменить hover на кастомный?

  • @serdarhuseynov8901
    @serdarhuseynov8901 Жыл бұрын

    я сделал все получилось спасибо автору осталось научиться как убрать фоновые линии и цифры по бокам

  • @maxsaCEO
    @maxsaCEO6 жыл бұрын

    Интересно узнать, как при типе графика Doughnut, значение label (например жирным 33%) поместить в середину "бублика"?

  • @itgid

    @itgid

    6 жыл бұрын

    А документации описан этот стиль?

  • @maxsaCEO

    @maxsaCEO

    6 жыл бұрын

    Да, здесь: www.chartjs.org/docs/latest/charts/doughnut.html

  • @vmakushchenko2044
    @vmakushchenko20443 жыл бұрын

    лайк

  • @vladislavdev8890
    @vladislavdev88905 жыл бұрын

    Спасибо кл=ассно обьяснил незная js понял

  • @kirillcherkalov2444
    @kirillcherkalov24446 жыл бұрын

    Как на счёт , чтобы сделать задачки про граф?)

  • @itgid

    @itgid

    6 жыл бұрын

    Сделаю, всему свое время. Просто не успеваю все.

  • @kirillcherkalov2444

    @kirillcherkalov2444

    6 жыл бұрын

    Front-End разработка с нуля. HTML, CSS, jQuery Понял, буду ждать)

  • @Dmitriy_Sentinel
    @Dmitriy_Sentinel2 жыл бұрын

    Кстати, если делать подобное на React.js

  • @kapotonai
    @kapotonai6 жыл бұрын

    document.getElementsById('square') = fun1; Выдает ошибку: 'Uncaught ReferenceError: Invalid left-hand side in assignment' Где я ошибся?

  • @itgid

    @itgid

    6 жыл бұрын

    в правой части выражения. В левой вы получаете элемент со страницы и пытаетесь ему присвоить какую-то странную переменную fun1. Что вы хотите получить?

  • @kapotonai

    @kapotonai

    6 жыл бұрын

    Хочу получить элемент с id='square' и присвоить ей функцию.Я видно запутался.Для меня это больной момент:когда и где создавать функцию.

  • @itgid

    @itgid

    6 жыл бұрын

    Тогда нужно написать так document.getElementById('square).onclick = fun1; Т.е. укажите событие, при котором должна происходить эта функция.

  • @Transguddit
    @Transguddit6 жыл бұрын

    Кто подскажет, почему в js переменная с именем name - всегда строка??? Это какое то зарезервированное имя? Не смог ничего про это найти.

  • @itgid

    @itgid

    6 жыл бұрын

    А как вы получаете name?

  • @Transguddit

    @Transguddit

    6 жыл бұрын

    var name = 1; typeof name; "string" name = null; typeof name; "string" name = []; typeof name; "string" Если другое имя дать, например names - то всё работает правильно

  • @itgid

    @itgid

    6 жыл бұрын

    а в чем прикол? Да это строка!

  • @Transguddit

    @Transguddit

    6 жыл бұрын

    Так а почему это строка??? var name = 1; typeof name; "string" var Name = 1; typeof Name; "number"

  • @itgid

    @itgid

    6 жыл бұрын

    а попробуйте поменять name на name1

  • @andrejaga3003
    @andrejaga30032 жыл бұрын

    Мне кажется, это обманчивая легкость. Я хотел сказать, что есть подводные камни. Во-первых, приходится подключать библиотеку. Библиотеку желательно подключать в head страницы, т.е. пока она не загрузится, пользователь ничего не увидит. Во-вторых, библиотека сторонняя (хотя можно и себе перетащить). В свете последних событий, когда недобросовестные разработчики с запада просто на волне хайпа блокируют выдачу по территориальному признаку -- это жирный минус. Ну а в третьих, большинство диаграмм элементарно можно нарисовать таблицами, а лучше js+таблица, чтобы сократить код. И весить они будут совсем ничего.

  • @andreinechaev7214
    @andreinechaev72145 жыл бұрын

    У меня этот чарт не поддерживает русские буквы - в подписях к графику аккуратные рядки из ромбиков)

  • @itgid

    @itgid

    5 жыл бұрын

    А какая кодировка и браузер?

  • @andreinechaev7214

    @andreinechaev7214

    5 жыл бұрын

    Браузер хром в виндоус10. Набирал в редакторе ноутпад++. Когда перешел на Брэкетс эта проблема исчезла.

  • @AidanaT829
    @AidanaT8296 жыл бұрын

    Помогите пожалуйста! У меня библиотека через ссылку не привязывается!

  • @itgid

    @itgid

    6 жыл бұрын

    Если вы с россии то у вас роскомнадзор блокирует хранилища, нужно качать библиотеку и подключать напрямую.

  • @AidanaT829

    @AidanaT829

    6 жыл бұрын

    JavaScript решает я из Казахстана;(

  • @itgid

    @itgid

    6 жыл бұрын

    А я из Украины. А при перекрытии каналов ищут обходные пути, в результате трафик возрастает и доступ к ресурсам замедляется. Это как из вариантов, а если можно выгрузите код на codepen посмотрю.

  • @AidanaT829

    @AidanaT829

    6 жыл бұрын

    JavaScript решает Спасибо Большое, что отвечаете!!!! Если смогу- выгружу. Пишу на с Uikit и vue js, но они не причём, да?

  • @AidanaT829

    @AidanaT829

    6 жыл бұрын

    codepen.io/khassenovaainur/pen/rKoXJq посмотрите пожалуйста))

  • @user-cl3ej8mt9i
    @user-cl3ej8mt9i6 жыл бұрын

    какая блин ссылочка в низу , я его уже 3 раза посмотрел )

  • @itgid

    @itgid

    6 жыл бұрын

    Дмитрий Холост что вы имеете ввиду?

  • @user-cl3ej8mt9i

    @user-cl3ej8mt9i

    6 жыл бұрын

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

  • @yuriiserdiuk3918

    @yuriiserdiuk3918

    5 жыл бұрын

  • @TheMrDemage
    @TheMrDemage4 жыл бұрын

    не работает

  • @pwal1969
    @pwal19695 жыл бұрын

    Только не работает нечего с примеров, от слова совсем

  • @user-lm7ct2oz9w
    @user-lm7ct2oz9w5 жыл бұрын

    вот либа получше plot.ly/javascript/

  • @alexUnion
    @alexUnion5 жыл бұрын

    Для кого это видео? Смотрел с рукой на лице...вот эта надпись...цитирование документации...

  • @itgid

    @itgid

    5 жыл бұрын

    Зачем же так мучатся. Поставьте анлайк и идите мимо.

Келесі