Learn Vue JS course Learn Javascript and Vue JS Learn VueJS course Learn VueJS Tutorial

Charts for Vue.js 3

Your First Vue.js Chart

In this lesson, get hands-on using the vue-chartjs library to create your first bar chart using local data.

// movies 
const movies = [
  "Spider-Man (2002)",
  "Spider-Man 2 (2004)",
  "Spider-Man 3 (2007)",
  "The Amazing Spider-Man (2012)",
  "The Amazing Spider-Man 2 (2014)",
  "Spider-Man: Homecoming (2017)",
  "Spider-Man: Far From Home (2019)",
  "Spider-Man: No Way Home (2021)",
  "Spider-Man: Into the Spider-Verse (2018)",
  "Spider-Man: Across the Spider-Verse (2023)",
]

// ratings
const ratings = [7.3, 7.3, 6.2, 6.9, 6.6, 7.4, 7.5, 8.0, 8.4, 8.9]

Links