Skip to content

Latest commit

 

History

History
20 lines (16 loc) · 772 Bytes

README.md

File metadata and controls

20 lines (16 loc) · 772 Bytes

Create a Chart on Vue.js 3 using Vue-Chartkick with Realtime Data from Firebase

Vue-Chartkick Quick Start

  1. Install vue-chartkick chart.js on the vue project terminal.
  2. Add import and use(VueChartkick) to main.js.

Getting started with vue-chartkick

Firebase Realtime Database setup

  1. Get started with Firebase.
  2. Create a new project and do the creation process.
  3. Do the SDK Setup and Configuration.
  4. Add the import function, firebase configuration and initializer to src/utl/firebase.js.
  5. Create Realtime Database.
  6. Create some data in the Data section and edit the Rules according to the needs.

Getting started with Firebase