Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

Browse all series

Charting and You

At some point, you'll be called upon to prepare a series of graphs, or charts for your business. It's scary at first; where do you even begin? But, luckily, you'll find that, thanks to tools like Chart.js, it has never been easier to accomplish such a task. I'll show you how, one easy-to-understand step at a time.

Progress

Series Info

Episodes
8
Run Time
1h 17m
Difficulty
Intermediate
Last Updated
Apr 19, 2016
Version
Latest
Play Series

Series Episodes

  1. Episodes (8)

    2. Leveraging NPM, Browserify, and Elixir

      Let's take another step. What if we pull Chart.js in through NPM, and then leverage Browserify, so that we may write modern ES6+ code? Let's get started on that workflow in this episode.

    4. Legends

      Chart.js can automatically generate a chart "legend" for you; however, it's up to you to insert it into the DOM and add any applicable styling. I'll show you the basic workflow in this lesson.

    5. Dedicated Graph Vue Components

      In this lesson, we'll create a master Graph component, to which all other specific graphs may extend. This way, we may use custom properties that are unique to each type of graph that are application requires.

    6. Render Monthly Revenue

      Imagine that your boss assigns you the task of rendering a graph to display the company's monthly revenue. Well, it sounds like we'll need to perform the proper database query (which groups and sums the revenue for the month), and then we'll of course pass that data to our graph component. Let's get started.

    8. Dynamic Graphs

      How might we make our graphs more dynamic? Maybe we want to limit revenue to only x number of days; and, further, we should be able to modify this range on the fly, without requiring a page reload. Well, I'll show you how!

Continue Learning

Learn Laravel Forge thumbnail

Learn Laravel Forge

With Matt Stauffer

In this series, long-time Laravel Forge advocate Matt Stauffer will teach you how to become a Forge power user. Of course, you'll learn how to provision servers in seconds, but you'll also learn about zero-downtime deployments, processes, queues, securing sites with SSL, database backups, networks, and more!Each episode is bite-sized, so feel free to jump around to the topic that interests you most. Let's go!

  • 23 Episodes
Vue State Management thumbnail

Vue State Management

With Sabatino Masala

State management is at the heart of every Vue application, but exactly how you manage that state can sometimes be...confusing. So let's explore your options! We'll start with the basics, like props and events, before moving on to provide/inject, custom composables, and Pinia. Along the way, we'll tackle practical, real-world scenarios. By the end, you'll know exactly which approach to use and when, so your apps stay clean, organized, and fun to work on.

  • 13 Episodes
Running Clock thumbnail

Running Clock

With Simon Vrachliotis

Welcome to "Running Clock," my new interview series where I fire off questions to top developers about their favorite tools, frameworks, and coding obsessions. The catch? We only have five minutes to get through all of my questions...and the clock is ticking!

  • 11 Episodes
Supercharged Search with Typesense thumbnail

Supercharged Search with Typesense

With Jeffrey Way

Typesense is a wildly fast, open-source search engine that doesn't require a PhD to configure and query. Its API just makes sense. Even better, it integrates seamlessly with Laravel, thanks to the official Typesense PHP client and Laravel Scout.I spent months researching and preparing this course so that you can update your app with powerful Typesense-backed search in record time. Let's go!

  • 22 Episodes
Programming Terms Explained thumbnail

Programming Terms Explained

With Jeremy McPeak

In this series, we'll do things just a little bit differently. Let's take a step back from our code editors and instead review some fundamental technology and software development terms. I'm willing to bet that there are certain bedrock terms that you somehow accidentally skipped over and never learned properly.Let's fix that! Each episode below will focus on a single topic, condensed to the essentials, and animated to perfection for your enjoyment.

  • 12 Episodes