In the index.html code we will write the basic html structure and include jquery and then chartjs javascript files at the end of the body. And finally we will create an index.html file inside the project folder.Īt this moment our project structure will look like the following. Now we will copy jquery.js and chart.js file inside the js folder. The css folder will hold stylesheet files and the js folder will hold the javascript files. Now inside this project folder we will create two more folders namely css and js. Using ChartJS 2.x Download Things I will be using for this tutorialįor this tutorial I will be using Chrome browser and SublimeText.įirst we will create a new project folder and we will name it as chartjs2. My YouTube tutorial videos playlist on ChartJS 2.x. My YouTube tutorial videos playlist on ChartJS. The code we will cover in this tutorial are there in my GitHub repository. We will be using v1.12 for this tutorial and you can get it here. JQuery: We will also need jQuery which can be downloaded from. IDE: I prefer using eclipse and NetBeans but you can use any other IDE of your choice.ĬhartJS: Download ChartJS latest release version from their GitHub repository. Text Editor: You can use any of the following text editors - Notepad++, Brackets, Atom or SublimeText. Web browser: Any one of the following web browser will be fine - Chrome, Firefox, Safari, Edge and IE. Hello I am Yusuf Shakeel and in this tutorial we will learn about ChartJS which is a simple yet flexible JavaScript charting for designers & developers.īefore we start here are the list of things that we will need.

Chartjs