
Laracasts
Laracasts - довольно крупный онлайн сервис по обучению современных технологий веб-разработки.
В какой-то момент вам будет предложено подготовить серию графиков или диаграмм для вашего бизнеса. Сначала это страшно. С чего начинать? Но к счастью, вы обнаружите что благодаря инструментам, таким как Chart.js, никогда не было так легко выполнить такую задачу.
Обзор уроков курса:
Начнем с «привет мир» графиков, используя отличную библиотеку Chart.js. Просмотрите источник этого первого примера на JSBin.com.
Давайте сделаем еще один шаг. Что, если мы потянем Chart.js через NPM, а затем применим Browserify, чтобы мы могли написать современный код ES6? Давайте начнем с этого рабочего процесса в этом эпизоде.
Давайте продолжим работу над структурой, поскольку мы создаем многократно используемый компонент Vue. Если вы проработали свой путь через любую серию Vue в Laracasts, все это должно быть понятно для вас!
Просмотрите соответствующий источник этого урока на GitHub.
Chart.js может автоматически генерировать диаграмму «легенда» для вас; однако вам нужно вставить его в DOM и добавить любой подходящий стиль. В этом уроке я покажу вам основной рабочий процесс.
В этом уроке мы создадим главный компонент Graph, к которому могут распространяться все другие определенные графики. Таким образом, мы можем использовать настраиваемые свойства, которые уникальны для каждого типа графиков, которые требуются приложениям.
Посмотрите источник этого урока на GitHub.
Представьте себе, что ваш босс назначает вам задачу предоставления графика для отображения ежемесячного дохода компании. Похоже, нам нужно будет выполнить правильный запрос до базы данных, и тогда мы конечно, передадим эти данные нашему компоненту Graph. Давайте начнем.
Посмотрите источник этого урока на GitHub.
Давайте добавим кастом свойство url к нашему компоненту graph, а затем применим плагин Vue Resource для выполнения запроса.
Просмотрите исходный код этого урока на GitHub.
Как мы можем сделать наши графики более динамичными? Возможно мы хотим ограничить доход только х дней; и, кроме того, мы должны иметь возможность изменять этот диапазон «на лету», не требуя перезагрузки страницы. Хорошо, я покажу вам как это сделать!
Просмотрите исходный код этого урока на GitHub.
Laracasts - довольно крупный онлайн сервис по обучению современных технологий веб-разработки.
Chart.js идеально подходит для небольших проектов, где вам нужны плоские, чистые, элегантные диаграммы JavaScript. Это миниатюрная библиотека с открытым исходным кодом, размер которой составляет всего 11 КБ. Chartjs включает в себя 6 основных типов диаграмм (линии, столбцы, пирог, пончик и тд.), вы также можете загружать только те, которые нужны вашему проекту, делая библиотеку еще меньше. Chart.js построен на canvas HTML5, и поддерживается даже
На этом коротком курсе студенты научатся использовать VUE.js с Laravel для создания пользовательских диаграмм (чартов) для отображения данных. Студенты также научатся отправлять и получать запросы через VUE на бэкэнд (PHP), где они могут его обработать. Это отличный курс для тех, кто хочет изучить эти знания, чтобы сразу применить их в своих проектах. Мы прыгаем прямо в главнуб тему этого курса, не тратя слишком много времени на тривиальные вопро
Научитесь пользоваться ChartJS и начните визуализировать данные с ChartJS!
Графики и диаграммы являются обычной частью современных панелей управления. Они являются отличным способом отображения аналитики для различных данных в удобном для восприятия формате. Изучите, как поддерживать мощные графики в вашем приложении с помощью ChartJS для Vue.