Skip to content
This repository has been archived by the owner on Sep 8, 2020. It is now read-only.

This allows you to create dynamic charts while using Chart.JS, the purpose of this project is to allow you to change the graph, including the data and the type of graph depending on some action that may occur. In the example(s), I’ve provided the example where if the user interacts with the DOM in a certain way then the data provided to the char…

License

Notifications You must be signed in to change notification settings

JO3-W3B-D3V/DynamicChartJS.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DynamicChartJS.js

This allows you to create dynamic charts while using Chart.JS, I plan to allow the user to swap all variables that's required with Chart.js. It currently has no major bugs, from personal testing, I've seen that it even works in IE8, although I've written it in vanilla JavaScript, you can also use jQuery with it.

Files Included

index.js

This file is used just to demonstrate the DynamicChartJS.js file in work.

testcharts.html

This file is used just to demonstrate the DynamicChartJS.js file in work.

index-2.js

This file is used just to demonstrate the DynamicChartJS.js file in work. With two charts on the same canvas.

testcharts-2.html

This file is used just to demonstrate the DynamicChartJS.js file in work. With two charts on the same canvas.

DynamicChartJS.js

This file is used to actually allow for dynamic charts.

chart.js

This is just a copy of Chart.js.

Finally

I appreciate it's not yet perfect, however, I will continue to work on it when I can, I've recently been noticing silly little typos and mistakes with my coding documentation. So while correcting any silly mistakes with my documentation, I will also look to improve and extend this JS implementation. Thanks to it using just vanilla JS, this means that it doesn’t need any framework or major library, all it needs it chart js, which I take no credit for, all credit for Chart JS should go to Nick Downie. I would only like to take credit for the file DynamicChart.js.

Update Version 0.0.3

I've added a better level of code documentation, you can compile it using jsDocs, additionally, I've added a bit of extra support for IE9, as well as including classList.min.js http://purl.eligrey.com/github/classList.js/blob/master/classList.js.

I will continue to maintain this code and expand on it when I can, I know there's still a lot more potential that could be included in this application. I also plan on trying to eliminate as many bugs as possible, even if it means including other developer's code, such as classList.min.js, it's pointless to reinvent the wheel.

About

This allows you to create dynamic charts while using Chart.JS, the purpose of this project is to allow you to change the graph, including the data and the type of graph depending on some action that may occur. In the example(s), I’ve provided the example where if the user interacts with the DOM in a certain way then the data provided to the char…

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published