Vue Chart Component Example with Chart.js
Vue Chart Component with Chart.js
A reactive chart component for Vue.js application, powered by Chart.js library. This is a final working example from my tutorial: Vue Chart Component with Chart.js.
Requirements
The following item is required to run this example:
Installation
1. Clone the Repository
To clone this repository, run the following command on your terminal:
$ git clone git@github.com:risan/vue-chart-example.git
2. Install the Dependencies
Within the project directory, run the following command to install all of the required dependencies:
# Go to the project directory
$ cd vue-chart-example
# Install all of the dependencies
$ npm install
# Or if you prefer to use Yarn
$ yarn install
3. Run the Application ?
To run the application, run the following command:
$ npm run serve
# Or with yarn
$ yarn serve
The above command will start the development server. Open your browser and visit the application at [localhost:8080](http://localhost:8080).
4. Build for Production
To build the application for production, run the following command:
$ npm run build
# Or with yarn
$ yarn build
The optimized build files will be available at dist directory.